/*
    Teletext stylesheet
    Galax 2014 http://galax.xyz

    MODE7GX.TTF font by Galax 2014 - based on ModeSeven, created in 1998 by Andrew Bulhak
*/

/* Hard reset */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,section,summary,time,audio,video {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 18px;
}

/*
    Teletext pallette
    000000 0 black
    ff0000 1 red
    00ff00 2 green
    ffff00 3 yellow
    0000ff 4 blue
    ff00ff 5 magenta
    00ffff 6 cyan
    ffffff 7 white
*/


a {
    text-decoration: none;
}

/* unvisited link */


a:link {
    color: #00ffff;
}


/* visited link */
a:visited {
    color: #00ff00;
}

/* mouse over link */
a:hover {
    color: #ffff00;
}

/* selected link */
a:active {
    color: #ff0000;
}

.c0, .colour0, .black,   a.black     {color: #000000;}
.c1, .colour1, .red,     a.red       {color: #ff0000;}
.c2, .colour2, .green,   a.green     {color: #00ff00;}
.c3, .colour3, .yellow,  a.yellow   	{color: #ffff00;}
.c4, .colour4, .blue,    a.blue      {color: #0000ff;}
.c5, .colour5, .magenta, a.magenta 	{color: #ff00ff;}
.c6, .colour6, .cyan,    a.cyan      {color: #00ffff;}
.c7, .colour7, .white,   a.white     {color: #ffffff;}

.b0, .colour0bg, .blackbg     {background-color: #000000;}
.b1, .colour1bg, .redbg       {background-color: #ff0000;}
.b2, .colour2bg, .greenbg     {background-color: #00ff00;}
.b3, .colour3bg, .yellowbg   	{background-color: #ffff00;}
.b4, .colour4bg, .bluebg       {background-color: #0000ff;}
.b5, .colour5bg, .magentabg 	{background-color: #ff00ff;}
.b6, .colour6bg, .cyanbg       {background-color: #00ffff;}
.b7, .colour7bg, .whitebg     {background-color: #ffffff;}

@font-face {
    font-family: Mode7;
    src: url('mode7gx3.ttf'),url('mode7gx3.eot');
}

@font-face {
    font-family: Mode3;
    src: url('acorn-archimedes-tall.ttf');
}

body, td {
    font-family: Mode7, monospace, courier, fixed;
    font-size: 18px;
    font-smooth: never;
    -webkit-font-smoothing : none;
    color: #000000;
    background: #f1f9fe;
}

body {
    border-width: 18px 18px 18px 18px; /* t r b l */
    padding: 18px;
}

.teletext {
    text-align: left;
    white-space: pre;
    display: block;
}

.blink {
  animation: blink-animation 1.33s start-end infinite;
  -webkit-animation: blink-animation 1.33s step-end infinite;
}
@keyframes blink-animation {
  75% {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  75% {
    visibility: hidden;
  }
}