html, body {
    background-color: rgb(238, 238, 238);
    margin: 0; 
    height: 100%; 
    overflow: hidden
}

a {
    color: inherit
}

a:link {
    text-decoration: none;
    font-family: inherit;
    align-items: inherit;
  }

#site_container {
    display: flex;
    flex-direction: column;
    margin: .5vmax;

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

#banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 70vw;
    height: 5vh;
    font-size: 24pt;
    font-family: 'basiic';

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

#content_container {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-self: center;
    width: 70vw;

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

#navbar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: .5vw;
    order: 1;
    width: 70vw;
    margin-top: .5vw;
    font-size: 20pt;

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

.nav_button {
    display: flex;
    align-items: center;
    margin-left: .8vw;
    margin-right: .8vw;
    color: black;
    font-family: 'basiic';

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}


.nav_button img {
    margin-right: .3vw;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    
    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

#main_content {
    display: flex;
    flex-direction: column;
    order: 2;
    width: 70vw;
    margin-top: .5vw;
    font-size: 24pt;

    outline: black;
    outline-width: 1px;
    outline-style: solid;
}

@font-face {
    font-family: basiic;
    src: url('../assets/basiic.ttf');
}