styles.css

/* https://css-tricks.com/old-timey-terminal-styling */
body {
    background-color: black;
    height: 100vh;
    margin: 0 auto;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
    overflow: hidden;
    max-width: 50em;
    display: flex;
    align-items: center;
}

#container {
    height: min(100%, 640px);
}

pre, input {
    color: #33ff33;
    font: 1rem Inconsolata, monospace;
    background: none;
    white-space: pre-wrap;
    text-shadow: 0 0 2px white;
}

body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.15),
        rgba(0, 0, 0, 0.15) 1px,
        transparent 1px,
        transparent 2px
    );
    pointer-events: none;
}

input {
    display: block;
    border: none;
    outline: none;
    text-align: left;
    padding: 0px;
}

input:hover, input:active {
    color: #ffb000;
}