body {
        background-color: #000000;
        color: #ff0000;
        box-sizing: border-box;
        font-family: 'Courier New', monospace;
}
a:link, a:visited {
        color: #ff0000;
}
a:active, a:hover {
        color: #ffffff;
}
pre {
        text-align: center;
}
.navbar {
        display: flex;
        justify-content: center;
        border-style: double;
}
.navbar a {
        padding: 14px 16px;
        float: left;
        font-size: 16px;
        text-decoration: none;
        text-align: center;
}
.container {
        #width: 50%;
        #max-width: 600px;
        #margin: auto;
}
.content {
        #align-items: center;
        #padding: 10px;
}
.dropdown {
        float: left;
        overflow: hidden;
}
.dropdown .dropbtn {
        font-size: 16px;
        border: none;
        color: inherit;
        outline: none;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit; /* Important for vertical align on mobile phones */
        margin: 0; /* Important for vertical align on mobile phones */
}
.navbar a:hover, .dropdown:hover .dropbtn {
        background-color: #ff0000;
        color: #000000;
}
.dropdown-content {
        display: none;
        position: absolute;
        background-color: #ff0000;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
}
.dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
}
.dropdown-content a:hover {
        background-color: #000000;
        color: #ff0000;
}
.dropdown:hover .dropdown-content, .dropdown:focus-within .dropdown-content {
        display: block;
}
@media screen and (max-width: 600px) {
        .content {
                width: 100%;
                font-size: 2vw;
        }
}