body {
color:#ffffff;
background-color:#1f1d40;
background-repeat:repeat;
/*display: flex;}*/
  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:#64ffff; }
a:visited { color:#bd6aff; }
a:hover { color:#64ffff; }
a:active { color:#64ffff; }
	

#main {
  width:100%; margin-left:5%; margin-right:5%}
  @media screen and (max-width: 720px) {
    #main {width:75%;}
  }
  
.sb {
	width:25%; max-width:250px; text-align:center; overflow-wrap:break-word; position:sticky; top: 10px; align-self: flex-start;}
	
.sb-title {
  background-color:#150066; padding:10px;}
.sb-all{
  text-align:center; display: contents;
}
  


.nav-btn-cont {
  position: sticky; top: 0; bottom: 0; background-color: #150066; height: auto;
}
.nav-btn {
  font: 30px/25px sans-serif; padding:15px 5px 15px 5px; text-align:right; font-weight: bold; width: fit-content; position:sticky; top: 50%;}


.nav-ttl {
	background-color:#150066; color:#def4fe;font: 20px/25px OpenDyslexic, sans-serif; padding:15px; margin:5px; text-align:center; font-weight: bold;}

.nav {
	color:#def4fe;font: 20px/22px "Determination Mono", monospace; padding: 5px; padding-top:30px;}
  .nav > a:visited {color:#def4fe}

.navhd {
    font: 24px/24px "Determination Mono", monospace; padding: 9px 5px 1px 5px; text-decoration-line: underline;
}
  .navhd > a:visited { color:#64ffff;}
  navhd > a {font-style:normal;text-decoration-line: none;}

.navsub {
    font: 16px/20px "Determination Mono", monospace; margin-bottom: -10px;
}
  .navsub > a:visited { color:#64ffff;}

	
h1 {
	color:#d5fffe;font: 52px "Determination Mono", serif;text-align:center;}
	
h2 {
	background-color:#150066;color:#def4fe;font: 24px "Determination Mono", serif; padding:12px; width:75%;}

h3 {
	background-color:#0b0b3b;color:#def4fe;font: 20px/25px "Determination Mono", monospace; padding:10px; width:100%;}
	
h4 {
	color:#def4fe; font: 18px/22px "Determination Mono", monospace; text-indent: 32px; font-style:italic; margin: 2px;
}


p   { 
	color:#def4fe;font: 18px/26px "Free Sans", sans-serif;}
	
	p mark {background-color:#180078;color:#180078;
	}

  ps  {
  color:#9db0c7;font: 18px/26px "OpenDyslexic", sans-serif;}
  
  .sbtt {
  background-color:#150066; font-style:italic;}
	


blt {
  color:#def4fe;font: 18px/26px "Determination Mono", sans-serif;}
	

hr {
	border-color:#c40000; background-color:#c40000;}
	
	
    .invis {
        color:#00000000; font-size: 10px; 
    }


sbtt{
  color:#a5a5ff;font: 20px/22px "Determination Mono", monospace;}
  
sbtt2{
  color:#a5a5ff;font: 18px/18px "Determination Mono", monospace; font-style:italic;}

  
  .msg   { 
	color:#def4fe;font: 18px/26px "Determination Mono", monospace;}
      


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






details > summary {
  background-color:#0b0b3b;color:#def4fe;font: 20px/25px "Determination Mono", monospace; padding-left:40px; padding:10px; width:100%;
}
summary >p {
  font: 16px/20px "Arial", sans-serif;
}
.lrg {
  background-color:#3a006a;color:#64ffff;font: 24px/28px "Determination Mono", monospace; padding-left:40px; padding:8px; margin-bottom:4px; width:100%;
}
details {
  padding-bottom:5px;width:100%;
}
    .dead {
      padding-bottom:5px; width:100%; color:#9494a4;
}
details >p {
  color:#def4fe;font: 16px/22px "Free Sans", sans-serif;padding-left:24px;
}
@media only screen and (max-width:1000px) {
      details >p {padding-left:2px;}
      }

.bioc {
    display: grid; grid-template-columns: max-content auto; color:#99ffff; font: 18px/22px "Open Sans", sans-serif;
}
    .l  {
      font-weight: bold; padding: 5px; color:#aaffff;
    }
    .r {
      padding: 5px; color:#99ffff;
    }

.bio >p {
  color:#99ffff; font-size: 20px/26px; font-family: 'Open Sans', sans-serif; margin: 5px;
}
.bio >h3 {
  color:#ffffff; background-color: transparent; margin: 1px; text-indent: 15px;
}
.bio >h2 {
  background-color:#150066; color:#def4fe; margin: 10px unset 10px unset; text-indent: 15px; font: 20px/25px "Determination Mono", monospace; padding: 8px; width: 100%;
}



.sub {
  font: 16px/20px "OpenDyslexic", sans-serif; padding-left:8px;
}


.cw > summary {
  background-color:transparent;color:#fe1e5f;font: 18px/26px "Determination Mono", monospace; padding:5px;
}
.cw {
  padding-bottom:5px;
}
.cw > p {
  color:#def4fe;font: 18px/26px "OpenDyslexic", sans-serif; padding-left: unset;
}



textarea {
  width:80%;
  font: 20px/26px monospace;
}




.hide > summary {
  list-style-type: '  '
}

.cs >p {
  color: #bca6ff; font: 24px/26px "Glametrix", serif; padding-bottom: 5px; text-indent: 10px; margin: 5px;
}