@font-face{
    font-family: "ModernDOS";
    src: url("ModernDOS8x16.ttf");
}
html {
    font-family: "ModernDOS";            
}
body {
    background-color: #0000b9;
    color: yellow;
    font-size: 16px;
}
main {
    display: flex;
    flex-direction: column;
    border: 1px solid yellow;
    padding: 1rem;
}
h1 {
    font-weight: 100;
}
a {
    color: cyan;
}
form input {
    font-family: "ModernDOS";
    border: none;
    color: yellow;
    background: transparent;
    border-bottom: 1px solid yellow;
}
form input[type="submit"] {
    font-size: 1rem;
    cursor: pointer;
    border: 1px solid yellow;
    padding: 0.2rem 0.5rem;
}
div.preload-not-ready {
    display:none;
}
.load-spinner {
    animation: 0.5s ease-in 0s infinite alternate opacity-fade;
}
#results {
    margin-top: 1rem;
}

@keyframes opacity-fade {
    from {
        /* Visible */
        opacity: 1;
    }
    to {
        /* Not Visible */
        opacity: 0;
    }
}