@font-face {font-family: generalestation; src: url("GeneraleStation-Regular.woff2")}
@font-face {font-family: sloppy-joetsu; src: url("sloppy-joetsu.ttf")}
@font-face {font-family: thraex magnus; src: url("Thraex Magnus.ttf")}
:root {
  --kora-red: #e01a4f;
  --kora-blue: #758bfd;
  --kora-gold: #ffd519;
}
a {color: var(--kora-gold); text-decoration: none; cursor: crosshair;}
::selection {color: white}
li {list-style-type: none;}
body {
  color: black;
  font-family: generalestation;
  overflow: hidden;
  margin: 8px;
}
.top {
  height: 40px; width: calc(100% - 30px);
  background-color: var(--kora-red);
  padding: 15px;
  text-align: center;
}
.main {
  position: absolute;
  top: 88px; left: 190px;
  height: calc(100% - 118px);
  width: calc(100% - 330px);
  background-color: var(--kora-blue);
  padding: 10px;
}
.nav {
  position: absolute;
  left: 8px; top: 88px;
  height: calc(100% - 118px); width: 150px;
  background-color: var(--kora-red);
  padding: 10px;
  a {color: black}
}
.navbtn {
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-family: thraex magnus; font-size: 20px;
  text-align: center;
  justify-content: space-around;
  align-items: stretch;
}
.navimg {max-height: 125px; max-width: 150px; display: flex; justify-content: space-evenly; margin: auto;}
.navimg img {max-height: 125px; width: 100px;}
.navbtn li {height: 25px; text-transform: uppercase;}
.buttons {
  position: absolute;
  right: 8px; top: 88px;
  height: calc(100% - 200px); width: 88px;
  padding: 6px;
  background-color: var(--kora-red);
}
.btn {
  height: 31px; width: 88px;
}