@font-face {
  font-family: JeiSans;
  src: url(/jei-sans.ttf);
}

@font-face {
  font-family: Fiction;
  src: url(/fv.ttf);
}

body{
 font-family:arial; font-size: 18px
}
date {
  font-style: italic;
  font-size: 20px;
  opacity: 0.5;
}
.links > a {
 
 color: #3b3b3b; 
  
}

.links {
 word-spacing: 40px;
 position: absolute; top: 75px; left: 490px; font-size: 35px; border-bottom: 4px solid #3b3b3b; padding: 10px 10px 0px 80px; font-family: JeiSans; color: #3b3b3b;
 width: calc(100% - 490px - 350px)
}



j {
 font-family: JeiSans; font-size: 25px 
}

button {
 
 background-color: #3b3b3b; border: 0px solid black; color: white; padding: 8px 10px 5px 10px; font-size: 20px;
  cursor: pointer; font-family: "JeiSans";
}
button:hover {
 opacity: 0.8; 
}
button:active {
 background-color: black;
 opacity: 1;
}
button.left {
 border-radius: 40px 0px 0px 40px
}

button.right {
 border-radius: 0px 40px 40px 0px
}
button.center {
 border-radius: 40px 40px 40px 40px
}
button.invert {
 
 color: #444; background-color: white;
  
}
button.invert:active {
 background-color: white;
 opacity: 0.5;
}


h1 {
 font-family: "JeiSans" ;
 font-weight: 100; color: #3b3b3b;
 border-bottom: 4px solid #3b3b3b; border-left: 4px solid #3b3b3b; border-radius: 0px 0px 0px 8px; padding-left: 10px
}



.end {
  margin: 8px 0px 45px 10%;
}

a {
 text-decoration: none; color: blue; 
}

.infobox {
 
 background-color: white; padding: 10px; font-size: 18px; overflow: hidden; outline: 7px solid black; border-radius: 10px; margin: 10px
  
}

.outerbox {
 
 border-radius: 20px; background-color: white; margin: 10px; padding: 5px;
  
}

.header {
  
 background-color: #002394; padding: 10px; text-align: center; color: white; margin: 0px; position: relative; left: -10px; top: -10px; width: calc(100% + 0px); border: 0px solid white; border-radius: 0px
  
}

l {
 color: blue !important; cursor: pointer;
}

ll {
 color: #0b0 !important; cursor: pointer;
}

a {
 color: red; 
}