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


@font-face {
  font-family: "Glametrix";
  src: local("Glametrix Light"), url("GlametrixLight.ttf") format("opentype");
}


a  { color:#0000FF; }
a:visited { color:#800080; }
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;}
	
.sb-title {
  background-color:#0b313a; padding:10px; }
  
  
  
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 OpenDyslexic, sans-serif; padding:10px; margin:10px}

nav {
	color:#ffffff;font: 30px/26px "Glametrix", sans-serif; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px}
	
p  { 
	color:#ffffff;font: 26px/30px "Glametrix", sans-serif;}
	
hr {
	color:#00fffd;}