@font-face{
font-family:"GenBasR";src:url(fonts/GenBasR.ttf);
font-family:"cmh";src:url(fonts/cmh.ttf);
font-family:jorikaf;src:url(fonts/jorikaf.otf);
}
html{
 background-color:#30C;
 }
td{
 text-align:left;
 }
td.a{
 text-align:center;
 box-shadow:3px 3px 3px grey;
 }
td.b{
 text-align:left;
 }
td.c{
 text-align:justify;
 }
b.a{
 font-family:cmh,jorikaf,times,rockwell,garamond,serif;
 font-size:100%;
 color:white;
 text-shadow:4px 4px 4px black;
 }
b.b{
 font-family:cmh,jorikaf,times,rockwell,garamond,serif;
 font-size:80%;
 color:white;
 text-shadow:3px 3px 3px black;
 }
b.bl{
 font-family:arial,rockwell,garamond,serif;
 font-size:80%;
 color:#2D05A6;
 }
b.c{
 font-family:jorikaf,serif;
 font-size:80%;
 color:white;
 }
b.cr{
 font-family:helvetica,arial,rockwell,garamond,serif;
 font-size:80%;
 color:red;
 }
b.d{
 font-family:jorikaf,serif;
 font-size:200%;
 color:white;
 text-shadow:4px 4px 4px black;
  }
b.e{
 font-family:jorikaf,arial,rockwell,garamond,serif;
 font-size:300%;
 color:white;
 text-shadow:5px 5px 5px black;
 }
b.eb{
 font-family:arial,helvetica,sans-serif;
 font-size:500%;
 color:white;
 text-shadow:5px 5px 5px black;
 }
b.f{
 font-family:jorikaf,arial,rockwell,garamond,serif;
 font-size:500%;
 color:white;
 text-shadow:4px 4px 4px grey;
 }
b.g{
 font-family:times,serif;
 font-size:100%;
 color:white;
 text-shadow:5px 5px 5px black;
 }
b.h{
 font-family:arial,rockwell,garamond,serif;
 font-size:80%;
 color:white;
 }
b.s1{
 font-family:helvetica, arial, sans-serif;
 font-size:120%;
 text-decoration:none;
 color:#2D05A6;
 background-color:white;
 }
b.s2{
 font-family:helvetica, arial, sans-serif;
 font-size:100%;
 text-decoration:none;
 color:#2D05A6;
 background-color:white;
 }
b.s2r{
 font-family:helvetica, arial, sans-serif;
 font-size:100%;
 color:red;
 }
b.s2b{
 font-family:helvetica, arial, sans-serif;
 font-size:100%;
 color:black;
 }
i.f{
 font-family:"Trisaints",times,rockwell,garamond,serif;
 font-size:6px;
 color:#F9F21A;
 text-shadow:3px 3px 3px white;
 }
hr {
 height: 3px;
 color:#2D05A6;
 box-shadow:3px 3px 3px #4C4C4C;
 }
a.x:link, a.x:visited {
 font-family:jorikaf,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:white;
 text-shadow:4px 4px 4px grey;

 }
a.x:active, a.s:hover {
 font-family:jorikaf,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 text-shadow:4px 4px 4px grey;
 }
a.s:link, a.s:visited {
 font-family:times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:white;
 text-shadow:5px 5px 5px black;

 }
a.s:active, a.s:hover {
 font-family:times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 text-shadow:5px 5px 5px black;
 }
a.s1:link, a.s1:visited {
 font-family:times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:#99ffff;
 }
a.s1:active, a.s1:hover {
 font-family:times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 text-shadow:5px 5px 5px black;
 }
a.s2:link, a.s2:visited {
 font-family:jorikaf,times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:#2D05A6;
 }
a.s2:active, a.s2:hover {
 font-family:jorikaf,times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 }
a.s2p:link, a.s2p:visited {
 font-family:helvetica, arial, sans-serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:purple;
 }
a.s2p:active, a.s2p:hover {
 font-family:helvetica, arial, sans-serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 }
a.a:link, a.a:visited {
 font-family:jorikaf,serif;
 font-weight:bold;
 font-size:200%;
 text-decoration:none;
 color:white;
 }
a.a:active, a.a:hover {
 font-family:jorikaf,serif;
 font-weight:bold;
 font-size:200%;
 text-decoration:none;
 color:red;
 }
a.b:link, a.b:visited {
 font-family:helvetica, arial, sans-serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:purple;
 }
a.b:active, a.b:hover {
 font-family:helvetica, arial, sans-serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:red;
 }
a.c:link,a.c:visited,a.c:active{
 font-family:arial, helvetica, sans-serif;
 text-decoration:none;
 font-weight:bold;
 font-size:100%;
 color:white;
 text-shadow: 5px 5px 5px black;
 }
a.c:hover{
 font-family:arial, helvetica, sans-serif;
 text-decoration:none;
 font-weight:bold;
 font-size:100%;
 color:red;
 text-shadow: 5px 5px 5px black;
 }
img.a{ 
 box-shadow:5px 5px 5px grey;
 border:2px;
 }
img.b{ 
 border:2px;
 border-color:red;
 }
img.c{ 
 box-shadow:5px 5px 5px grey;
 border:2px;
 border-color:#2D05A6;
 }

i {
 font-family:times,serif;
 font-weight:bold;
 font-size:100%;
 text-decoration:none;
 color:#99ffff;
 }
.container {
  position: relative;
  text-align: center;
  width:100%;
  color: white;
  }
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
  color:white
  }
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
  color:white
  }
.very-top {
  position: absolute;
  top: 0px;
  right: 0px;
  }
.centered {
  position: absolute;
  overflow-x: hidden;
  top: 20%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  }
.text{
  position: absolute;
  top: 20%;
  left: 50%;
  font-size: 15px;
  font-family:jorikaf,serif;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

b.a1{
 font-family:arial, helvetica, sans-serif;
 text-decoration:none;
 font-weight:bold;
 font-size:100%;
 color:red;
 outline-color: red;
 background-color:white;
 border-radius:6px;
 padding:2px;
 text-shadow: 2px 2px 2px gray;
 box-shadow: 3px 3px 3px black;
 }