@import url('https://fonts.googleapis.com/css2?family=Redacted&display=swap');

body {
  background-image: url("/imgs/spacebg.webp");
  color: gainsboro;
  text-align: center;
  font-family: sans-serif;
}

.nvbox {
  color: darkslategrey;
  background-color: gainsboro;
  padding: 5px;
}

a {
  text-decoration: none;
}

p {
  color: white;
}

.crp {
  color: black;
}

.mnbox {
  color: gainsboro;
  background-color: black;
  border-style: solid;
  border-color: white;
  border-width: 5pt;
  padding: 5px;
}

.hdbox {
  color: black;
  font-family: monospace;
  background-color: rgba(220,220,220,1);
  border-style: solid;
  border-color: black;
  border-width: 5pt;
  padding: 5px
  
}

.libox {
  color: black;
  background-color: rgba(220,220,220,1);
  border-style: solid;
  border-color: black;
  border-width: 5pt;
  padding: 5px
  
}

rdt {
  font-family: "Redacted", system-ui;
  font-weight: 400;
  font-style: normal;
}

@keyframes kickflip {
  0% {bottom:0;rotate:0deg}
  25% {bottom:80px;rotate:90deg}
  40% {bottom:96px;rotate:162deg}
  50% {bottom:100px;rotate:180deg}
  60% {bottom:96px;rotate:216deg}
  75% {bottom:80px;rotate:270deg}
  100% {bottom:0;rotate:360deg}
}

/* Taken from w3schools */

body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}