html, body{
    margin:0;
    padding:0;
    background:#000000;
    color:#FFFFFF;
    font-family:Courier, "Courier New", monospace;
    font-size:20px;
    font-weight:normal;
    line-height:1.35;
}

body{
    padding:18px;
}

a{
    color:#FF3CFF;
    text-decoration:none;
}

a:hover{
    color:#000000;
    background:#FF3CFF;
}

h1{
    margin:0 0 20px 0;
    padding:0;
    color:#00FFCC;
    font-size:47px;
    font-weight:bold;
    line-height:1;
    letter-spacing:1px;
}

h1 a{
    color:#00FFCC;
    text-decoration:none;
}

h1 a:hover{
    color:#000000;
    background:#00FFCC;
}

pre{
    margin:0;
    font-family:Courier, "Courier New", monospace;
    font-size:20px;
    font-weight:normal;
    white-space:pre-wrap;
}

hr{
    border:0;
    border-top:1px dashed #00FFCC;
    margin:20px 0;
}

.terminal{
    max-width:1050px;
}

.cyan{
    color:#00FFCC;
}

.dim{
    color:#777777;
}

.cursor{
    display:inline-block;
    animation:blink 1s steps(1) infinite;
}

@keyframes blink{
    50%{
        opacity:0;
    }
}

.scanlines{
    position:fixed;
    inset:0;
    pointer-events:none;
    background:repeating-linear-gradient(
        to bottom,
        rgba(255,255,255,0.035),
        rgba(255,255,255,0.035) 1px,
        transparent 1px,
        transparent 4px
    );
}

.crt{
    text-shadow:
        0 0 3px rgba(255,255,255,0.35),
        0 0 8px rgba(0,255,204,0.22);
}