*{
    box-sizing: border-box;
    margin: auto;
}

header{
    color: white;
    background-color: #234d66;
    text-align: center;
    padding: 30px 0;
    font: calc(12px + 0.5vw) "Courier New", Courier, monospace;
}

#header-nav{
    position: fixed;
    top: 0;
    width: 100%;
}

nav ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style: none;
    background-color: #eeeeee;
    padding: 10px;
}

nav a{
    text-decoration: none;
    font: calc(10px + 1vw) "Courier New", Courier, monospace;
    color: black;
}

footer{
    padding: 10px;
    text-align: center;
    background-color: #eeeeee;
    font: calc(10px + 0.5vw) "Courier New", Courier, monospace;
    color: black;
    position: fixed;
    bottom: 0;
    width: 100%;
}

nav a:hover{
    text-decoration: underline;
}

main{
    margin-top: calc(110px + 2vw);
    margin-bottom: calc(20px + 2vw);
    width: 80vw;
    padding: 5vh;
    font: 15px "Courier New", Courier, monospace;
}