/* turns out you can't declare a src in a css class, well you learn something new everyday, hmmm? */
/* also PLEASE work */

@font-face {
  font-family: 'VCR OSD Mono', sans-serif !important;
  src: url('/VCR OSD Mono.woff2') format('woff2'),
       url('/fonts/VCR OSD Mono.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Terminus', sans-serif !important; 
  src: url('/terminus.woff2') format('woff2'),
       url('/fonts/terminus.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

body {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 100px;
  margin-left: 100px;
  font-family: Terminus, sans-serif;
  color: #fff;
}

.container {
  display: grid;
  grid-template-areas:
    "header header"
    "menu content"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 5px;
  background-color: #25003d;
  padding: 5px;
}
.container > div {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.container > div.header {
  grid-area: header;
  text-align: center;
}
.container > div.menu {
  grid-area: menu;
}
.container > div.content {
  grid-area: content;
}
.container > div.footer {
  grid-area: footer;
}

.collapsible {
    display: none;
}

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
    .collapsible {
        display: block;
    }
}

.pixel {
	font-family: 'VCR OSD Mono', sans-serif !important;
}

.oneshot {
	font-family: 'Terminus', sans-serif !important;
}