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


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


a  { color:#43A2CF; }
a:visited { color:#F4B0E8; }
a:hover { color:#78fbc4; }
a:active { color:#43A2CF; }
	

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

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

nav-ttl {
	color:#ffffff;font: 20px/25px OpenDyslexic, sans-serif; padding:10px; margin:10px}

nav {
	color:#ffffff;font: 20px/25px OpenDyslexic, monospace; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
	
p  { 
	color:#ffffff;font: 18px/26px OpenDyslexic, monospace;}
	
hr {
	color:#78fbc4;}
      




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