/*
font-family: 'M PLUS 1 Code', monospace;
font-family: 'Shadows Into Light', cursive;
font-family: 'VT323', monospace;
*/

code, pre {
    font-family: 'Shadows Into Light', cursive;
}


body {
    background-color: gainsboro;
}

h1 {
    font-family: 'Shadows Into light', cursive;

    text-align: center;
    font-size: 6vw;
    font-variant: small-caps;
    color: #333;
}

h2 {
    font-family: 'M PLUS 1 Code', monospace;

    font-size: 5vw;
    color: #333;
}

h3 {
    font-size: 4vw;
    color: #333;
}


nav {
    display: flex;
    flex-flow: row wrap;
    text-align: center;

}

nav a {
    color: #333;
    background-color: rgb(242, 242, 242);
    font-size: 4VW;
    text-decoration: none;
    border: 2px solid #333;
    display: block;
    padding: 4px;
    margin: 4px;

    flex: 1 0 50%;
}

nav a:hover {
    background-color: #333;
    color: snow;
    text-shadow: 1 2 2 gainsboro;
}

p {
    font-size: 3.3vw;
}