@charset utf-8;

body {
    margin: 0;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    background-color: #1c1d1f;
    color: white;
}

a {
    text-decoration: none;
    color: white;
}

a:hover {
    color: black;
}

h1 {
    text-align: center;
}

header, nav {
    background-color: #990000;
    overflow: hidden;
}

header h1 {
    font-size: 60pt;
}

nav {
    border-bottom: 5px solid #001eff;
    padding-bottom: 2vw;
}

nav ul {
        width: 100vw;
        display: block;
        margin: auto;
    }

nav li {
    font-size: 25pt;
    list-style-type: none;
    float: left;
    margin: 0 12vw 0 12vw;
}

footer {
    background-color: #990000;
    overflow: hidden;
    padding: 1vw 0 1vw 0;
    border-top: 5px solid #001eff;
}

#footnav {
    width: 100vw;
    display: block;
    margin: auto;
}

#footnav li {
    font-size: 25pt;
    list-style-type: none;
    float: left;
    margin: 0 12vw 0 12vw;
}

#indexLink {
    float: right;
    font-size: 15pt;
    margin: 1vw;
}

@media screen and (max-width: 1724px) {
    nav li {
        font-size: 25pt;
        list-style-type: none;
        float: left;
        margin: 0 12vw 0 12vw;
    }
}

@media screen and (max-width: 1379px) {
    nav li {
        font-size: 25pt;
        list-style-type: none;
        float: left;
        margin: 0 10vw 0 10vw;
    }
    
    #footnav li {
        margin: 0 10vw 0 10vw;
    }
}

@media screen and (max-width: 1100px) {
    #footnav li {
        margin: 0 8vw 0 8vw;
    }
}

@media screen and (max-width: 961px) {
    nav li {
        font-size: 25pt;
        list-style-type: none;
        float: left;
        margin: 0 8vw 0 8vw;
    }
}

@media screen and (max-width: 800px) {
    nav li {
        width: 80vw;
        text-align: center;
        font-size: 25pt;
        list-style-type: none;
        margin: 0 5vw 0 5vw;
    }
    
    #footnav li {
        width: 80vw;
        text-align: center;
        margin: 0 5vw 0 5vw;
    }
}