@font-face {
    font-family: 'VT';
    font-style: normal;
    font-weight: 500;
    src: url("_fonts/Perfect DOS VGA 437.ttf");
}

:root {
    --main:   #fff;
    --shad:   #0ef;
    --revs:   #cfe;
    --back:   #0f02;
    /*--main:   #afc;*/
    /*--shad:   #05f;*/
}

blink, .blink {
    -webkit-animation: blink 0.85s step-end infinite;
    -moz-animation: blink 0.85s step-end infinite;
    -o-animation: blink 0.85s step-end infinite;
    animation: blink 0.85s step-end infinite;
}
@-webkit-keyframes blink {
    50% { opacity: 0 }
}
@-moz-keyframes blink {
    50% { opacity: 0 }
}
@-o-keyframes blink {
    50% { opacity: 0 }
}
@keyframes blink {
    50% { opacity: 0 }
}
html {
    background: #444 url(https://bozze.org/images/gif/tumblr_le9ae6KluS1qe0eclo1_r2_500.gif) no-repeat fixed;
    background-color: #000;
    margin: 0;
    padding:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    color: var(--main);
    height: 100%;
    margin: 0;
    padding: 0;
}
a {
    color: var(--main);
    text-decoration: none;
    text-shadow: 0 0 8px var(--main), 0 0 16px var(--shad), 0 0 32px var(--shad);
    padding: 0px 4px;
    /*border-bottom: 2px solid var(--main);*/
}
a:hover {
    background-color: var(--revs);
    border-radius: 3px;
    color: #000;
    text-shadow: 0 0 0 #000;
}
#page {
    height:90%;
    width: 100%;
    position : absolute;
    z-index: 99999;
}
#bubble {
    background: var(--back);
    text-align: left;
    position: absolute;
    left: 50%;
    top: 40%;
    width: 600px;
    margin-left: -360px;
    padding: 40px 60px;
    /*opacity: 0.7;*/
    border-radius: 16px;
    font: normal 20px vt;
    text-shadow:
    0 0 8px var(--main),
    0 0 16px var(--shad),
    0 0 32px var(--shad);
}
#pi         { text-align: right; padding: 0.5em 1em 0 0; }
#pi a       { color: #666; border: none; }
#pi a:hover { color: #000; }
#prompt     { outline: 0px solid transparent; cursor: none; }