*
{
    cursor: url('https://cdn.cursors-4u.net/previews/sharp-yellow-pointer-dacdc821-32.webp') 32 32, auto;
}

@font-face{
font-family:gem; 
src:url(https://files.catbox.moe/cnwkgi.ttf);
  }


@font-face{
font-family:toxigen; 
src:url(https://files.catbox.moe/xb65f5.otf);
  }

@font-face{
font-family:neptern; 
src:url(https://files.catbox.moe/hk9b3x.otf);
  }


body
{
    background-color: #E6655C;
    color: #EBE1BA;
    font-family: toxigen, Ariel, sans-serif;
    
}

.box
{
    border-radius: 25px;
    max-width: 1000px;
    margin: 50px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 200px minmax(0,1fr);
}

h1
{
    font-family: gem, Ariel, sans-serif;
    letter-spacing: 4px;
    font-size: 3em;
}

header, nav, main, footer
{
    border:transparent 2px solid;
    border-radius: 25px;
    padding:10px;
}

header
{
    background-color: #52100F;
    text-align: center;
    grid-row: 1 / 2;
    grid-column: 1 / 3; 
}

nav
{
    background-color: #52100F;
    text-align: center;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

main
{
    background-color: #52100F;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
}

footer
{
    font-family: toxigen;
    letter-spacing: 1px;
    background-color: #52100F;
    text-align: right;
    text-emphasis: italic;
    grid-row: 3 / 4;
    grid-column: 1 / 3; 
}

nav .selected
{
    font-weight: bold;
}

nav ul
{
    list-style-type: none;
    padding: 0px;
}


a
{
    color: #EBE1BA;
    text-decoration: none;
}

a:hover
{
    color:#67BFCB;
}

.topic
{
    font-family: gem;
    letter-spacing: 4px;
}