:root {
    --background-color: #1F1F28;
    --color: #DCD7BA;
    --cmd-color: #938AA9;
}

* {
    font-family: Consolas,monaco,monospace; 
    background-color: var(--background-color);
    color: var(--color);

    margin: 1px;
}

line {
    border-right: 1px solid white;
    animation-name: blinker;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

cmd, a {
    text-decoration: none;
    color: var(--cmd-color);
}

#splash {
    position: absolute;
    background-color: var(--background-color);
    height: 99%;
    width: 99%;
    z-index: 2;

    transition: opacity 1s ease;
}

#splash pre {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#splash.fade {
    opacity: 0;
    pointer-events: none;
}

#old-lines p, #line {
    white-space: pre;
}

#hidden-input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

@keyframes blinker {
  49% { opacity: 1.0; }
  50% { opacity: 0.0; }
  99% { opacity: 0.0; }
  100% {opacity: 1.0; }
}