body {background: black;}

a {color: inherit; text-decoration: none;}
a:hover {color: orange; } a:active {color: red;}
:focus {outline: 0;}
@font-face {font-family:teletext2; src:url('teletext2.ttf')}
@font-face {font-family:teletext4; src:url('teletext4.ttf')}

.subpage {
    position:relative; top:0; left:0;
    float:left; white-space: pre; color:white; background:black;
    font-family: teletext2; font-size:30px; line-height: 100%;
    border: solid black 10px;
    border-bottom: solid black 20px;
    text-shadow: 0 0 0.05em;
}

.subpage{
    filter:blur(0.5px) brightness(120%);
}


.subpage:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index:10;
    pointer-events:none;
}

.f0{color:black;} .f1{color:red;} .f2{color:#00ff00;} .f3{color:yellow;}
.f4{color:blue;} .f5{color:magenta;} .f6{color:cyan;} .f7{color:white;}

.b0{background:black;} .b1{background:red;} .b2{background:#00ff00;} .b3{background:yellow;}
.b4{background:blue;} .b5{background:magenta;} .b6{background:cyan;} .b7{background:white;}

.dh{font-family: teletext4; font-size:200%; line-height:100%;}

.fl{text-decoration: blink}