body {
  margin: 0;
  background-color: #000000;
  background-image: url("../img/stardust.png");
  color: #fff;
}

@font-face {
  font-family: "TerminusTTF";
  src: url("https://www.ossftw.com/terminus-ttf-4.49.3/TerminusTTF-4.49.3.ttf") format("truetype");
}

*,
*::before,
*::after {
  font-family: "TerminusTTF" !important;

  -webkit-font-smoothing: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;

  text-rendering: optimizeSpeed !important;
}

#layout {
  display: flex;
  min-height: 100vh;
  justify-content: center;
}

#sidebar {
  width: 128px;
  min-width: 128px;
  box-sizing: border-box;

  background: #000;
  border-right: 1px solid #333;

  padding: 18px;

  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

#sidebar-banner {
  width: 100%;
  display: block;
  margin-bottom: 18px;
}

#sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 18px;
}

#sidebar nav a {
  color: #f8c640;
  text-decoration: none;
}

#sidebar nav a:hover {
  text-decoration: underline;
}

#buttons {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#buttons img {
  width: 88px;
  height: 31px;
  image-rendering: pixelated;
}

#content {
  flex: 0 1 700px;
  max-width: 700px;
  background: #000;
  color: #fff;
  padding: 18px;
}

a {
  color: #f8c640;
}

code {
  background: #171717;
  padding: 2px 4px;
}