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");
}


a  { color:#00a6ff; }
a:visited { color:#f8c3fa; }
a:hover { color:#ffff00; }
a:active { color:#00a6ff; }
	

#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:#f2dd48;font: 52px "Cinzel Decorative", serif;text-align:center;}
	
h2 {
	color:#f2dd48;font: 36px "Cinzel Decorative", 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 "FOT-PopJoy Std", sans-serif; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
	
p  { 
	color:#ffffff;font: 18px/26px "OpenDyslexic", sans-serif;}
	
hr {
	color:#ad31cb;}
      




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