body {
color:#ffffff;
background-color:#0b0b3b;
background-repeat: no-repeat;
display: flex;}


@font-face {
  font-family: "Determination Mono";
  src: local("Determination Mono"), url("DTM-Mono.otf") format("opentype");
}
@font-face {
  font-family: "OpenDyslexic";
  src: local("OpenDyslexic"), url("/OpenDyslexic.otf") format("opentype");
}

@media only screen and (max-width:1000px) {
      div.sb {width:25%;max-width:200px;}
      }


a  { color:#0000FF; }
a:visited { color:#aa3dac; }
a:hover { color:#00fffd; }
a:active { color:#0000FF; }
	

#main {
  width:100%; margin-left:5%; margin-right:5%}
  
.sb {
	width:25%; max-width:250px; text-align:center; overflow-wrap:break-word; position: fixed;}
	
.sb-title {
  background-color:#0b313a; padding:10px; }
  
.fuck {
  width:25%; max-width:250px; text-align:center; overflow-wrap:break-word;}
      
    
  
  
  
h1 {
	color:#d5fffe;font: 52px "Cinzel Decorative", serif;text-align:center;}
	
h2 {
	color:#d5fffe;font: 36px "Cinzel Decorative", serif;}

h3 {
	color:#ffffff;font: 20px/25px OpenDyslexic, sans-serif;}

nav-ttl {
	color:#ffffff;font: 20px/25px Blood, sans-serif;}

nav {
	color:#ffffff;font: 20px/25px "Determination Mono", monospace; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
	
p  { 
	color:#ffffff;font: 18px/26px "OpenDyslexic", monospace;}
	
hr {
	color:#00fffd;}
      




.sb2  {
  width:25%; max-width:250px; text-align:center; overflow-wrap:break-word;}

#sb2link  {
  color:#ffffff;font: 20px/25px "Determination Mono", monospace; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}