@charset "UTF-8";
/* Fonts */
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: local("JetBrains Mono"), url("/fonts/JetBrainsMono.ttf");
}
/* CSS Variables */
:root {
  --main-bg: #111;
  --main-text: #CCC;
  --accent-1: #a91941;
  --accent-2: #2e936e;
  --lightblue-transparent: #06C8;
}

/* General element styles */
h1 {
  margin: 0px;
  font-size: 4em;
}

h2 {
  margin: 10px 0px;
  font-size: 1em;
  font-weight: normal;
  color: var(--accent-1);
}
h2::before {
  content: "██";
  margin-right: 1em;
}

h3 {
  margin: 30px 0px 10px 0px;
  font-size: 1em;
  font-weight: normal;
  color: var(--accent-1);
}
h3::before {
  content: "████";
  margin-right: 1em;
}

a {
  color: var(--accent-2);
  text-decoration: none;
  margin: 0px -0.1em;
  padding: 0px 0.1em;
  position: relative;
  z-index: 0;
}
a:hover {
  background-color: var(--accent-2);
  color: var(--main-bg);
}

ul li {
  margin: 10px 0px;
  list-style: "->  ";
}

code {
  padding: 2px 5px;
  background: #222;
}

table {
  border-collapse: collapse;
}

tr:nth-child(odd) {
  background: #181818;
}

td, th {
  padding: 3px 5px;
  border: 1px solid black;
}

noscript {
  display: block;
  padding: 3px 5px;
  color: var(--main-bg);
  background: var(--main-text);
  transition: background 1s ease-in 0.3s;
}

::-moz-selection {
  background-color: var(--lightblue-transparent);
  color: white;
}

::selection {
  background-color: var(--lightblue-transparent);
  color: white;
}

/* Specific element styles */
ul.list-nostyle {
  padding-left: 0px;
}
ul.list-nostyle li {
  list-style: none;
}

table.fixed td, table.fixed th {
  width: 50px;
  height: 25px;
}

/* Page styles */
body {
  width: 50vw;
  margin: 100px auto;
  background: var(--main-bg);
  color: var(--main-text);
  font-family: "JetBrains Mono";
  font-size: 16px;
  letter-spacing: -0.03em;
}

header {
  margin: 50px 0px;
}

header h1 a {
  color: var(--accent-1);
}
header h1 a:hover {
  background: initial;
  color: var(--main-text);
}

nav {
  color: var(--accent-1);
  font-weight: bold;
}

nav a {
  color: inherit;
}
nav a:hover {
  background: var(--accent-1);
  color: var(--main-bg);
}

main {
  margin: 50px 0px;
  line-height: 1.5em;
}

footer {
  margin: 50px 0px;
  opacity: 0.3;
}

/* Screen sizes */
@media screen and (min-width: 2000px) {
  body {
    width: 50vw;
  }
}
@media screen and (max-width: 1000px) {
  body {
    width: 80vw;
  }
}/*# sourceMappingURL=style.css.map */