@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

body {
    background-color: black;
    color: rgb(0, 255, 0);
    font-family: "VT323", monospace;
    text-shadow: 0 0 3px rgb(0, 255, 0);
    animation: flicker 0.01s infinite;
    font-size: 1.2em;
}

@keyframes flicker {
    0%, 50% { opacity: 1.0; }
    51%, 100% { opacity: 0.8; }
}

#screen {
    position: fixed;
    z-index: 1;
    background-color: black;
    width: 100%;
    height: 100%;
}

/* for some reason the cursor character is too large so we need to make it slightly smaller */
.cursor {
    font-size: 0.85em;
    animation: blink 1s infinite;
}
        
@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

#tui-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}

#tui-container a {
    color: rgb(0, 255, 0);
}