h1 {
  color: rgb(255, 255, 255);
}

li {margin: 0; padding: 0; list-style-type: none;}
ul {margin:6px 0px 3px 0px; padding-left: 30px;}
ul li {margin:0px; font-size:16px;}

.toptext {
  margin-top: 0px;
  margin-left: 40px;
  font-family:blueScreen;
  font-size: 36px;
}

.headerbar {
  background-color: #000000;
}

@font-face {
  font-family: blueScreen; /* set name */
  src: 
    url("./resources/blueScreen.ttf"); /* url of the font */
}

.sidenav {
  width:160px; 
  height:100%; 
  padding: 16px; 
  top: 0; 
  left: 0; 
  color:#f4f4f4; 
  background-color: #002337; 
  overflow-x: hidden; 
  font-size:18px; 
  display:inline-block; 
  position:absolute;
}
.sidenav a:link {text-decoration:none;}
.sidenav a:hover {color:#fff; background-color:#000d41;}
.sidenav a:active {color:#0090e0;}
.sidenav a:visited {
  color: #9050ff;
  background-color: transparent;
  text-decoration: none;
}
.sidenav>hr {border-style:dotted; border-width:1px 0 0 0; margin:8px 0 8px 0;}

.cool {margin:0px; max-height:0px; overflow:hidden;}
input:checked ~ ul.cool {max-height:100%; margin:4px 0px 4px 0px;}
input {display:none;}
label {cursor:crosshair; user-select:none;}
label:hover {color:#0090e0;}

@media{
    .sidenav {width:160px; height:100%; padding: 16px; top: 0; left: 0; color:#f4f4f4; background-color: #002337; overflow-x: hidden; font-size:18px; display:inline-block; position:fixed;}
    summary {display:block; text-align:center; padding:8px; margin:8px 0px 0px 0px; background-color:#002337; color:#f4f4f4; list-style-type: none; cursor: crosshair; font-size:18px;}
    summary:hover {background-color:#0090e0;}
    summary:before {content:"click to collapse";}
    details summary::-webkit-details-marker {display:none;}
    details[open] summary:hover {background-color:#0090e0;}
    details[open] + div.content {max-height: 0px; padding:0px;}
    details[open] summary::before {content:"🛈 click for info";}
    details[open] summary {background-color:#adadad;} 
    }

.mainpage {width:700px; padding:12px; display:inline-block; position:absolute; top:0; left:194px; min-height:calc(100% - 32px);}