body {background: black;}

a {color: inherit; text-decoration: inherit;}
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:30px;
	border: solid black 10px;
    border-bottom: solid black 20px;
    text-shadow: 0 0 1.5px;
    //letter-spacing: -0.25px;
    //filter:blur(0.5px) brightness(120%);
}

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

    background: -webkit-repeating-linear-gradient(
        top,
        rgba(0,0,0,0.60) 0px,
        transparent 1px,
        transparent 2px,
        rgba(0,0,0,0.60) 3px
    );

    background-size: 100% 100%;
    pointer-events:none;
}

.row {
    display: flex;
}

.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}