title {
    display: none;
}


body {
    margin: 64px;
    background-color: black;
    color: #00FF00;
    font-size: 12px;
    font-family: Consolas;
    text-align: center;

}

.splash-container {
    margin: 64px;
    text-align: left;

}

.splash { 
    display: flex; 
    justify-content: center; 
    align-items: center;
    margin-top: 32px

}

#splashScreen {

    text-shadow: 0 0 4px #00FF00, 0 0 16px #008000, 0 0 128px #009000;
}

.link-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    
}

.a:hover {
    color: #00FF00;
    text-shadow: 0 0 4px #00ff00, 0 0 8px #008000, 0 0 32px #004000;
}

.a:active {
    text-shadow: 0 0 4px #00ff00, 0 0 8px #00ff00, 0 0 16px #00ff00;
}

.na:hover {
    color: red;
    text-shadow: 0 0 4px #FF0000, 0 0 8px #b20000, 0 0 32px #750000;
}

.na:active {
    text-shadow: 0 0 4px #ff0000, 0 0 8px #ff0000, 0 0 16px #ff0000;
}

.countdown-container {

    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

#countdown {

    border: 1px solid;
    width: 80px;
    text-align: center;
    animation: glow 0.5s infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 2px #000000
    }
    to {
        text-shadow: 0 0 6px #00C000;
    }
}

@keyframes glow2 {
    from {
        text-shadow: 0 0 2px #000000
    }
    to {
        text-shadow: 0 0 6px #ff007c;
    }
}

a {
    color: inherit;
    text-decoration: inherit;
    margin: 8px;
}

p {
    color: inherit;
    font-size: 12px;
    font-family: inherit;
}

input {
    color: #00FF00; 
    background-color: black; 
    border: 1px solid #00FF00; 
    outline: none; 
    font-size: 9px; 
    text-align:center;
}