* { margin: 0; padding: 0;
  
  /* Color scheme */
  
  --textcolor: #FFF;
  --bgcolor: #000;
  --secondarybg: #FFF;
  --highlight: #333;
  --border: #333;
  --subtle: #aaa;
}

@media (prefers-color-scheme: dark) {
  * {
    --textcolor: #DADADB;
    --bgcolor: #595959;
    --secondarybg: #333;
    --highlight: #DADADB;
    --border: #000;
    --subtle: #666;
  }
  
}

@font-face {
  font-family: 'alliance';
  src: url("https://exonymic.neocities.org/fonts/allianceno.2-regular-webfont.woff");
}

h1 {
  font-size: 60px;
}

main {
  position: relative;
  margin: 0 auto;
}

body {
  font-size: 18px;
  font-family: alliance;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
  color: var(--textcolor);
  background: var(--bgcolor);
  background-image: url("/img/bg.png");
  background-attachment: fixed;
  position: relative;
  margin: 0 auto;  /* centers the layout */
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 50px;
  margin-left: 50px;
}

img {
  width: 98%;
  height: auto;
}

/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: #48c0f0;
}

/* selected link */
a:active {
  color: white;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:link {
  background-color: transparent;
}

a:visited {
  background-color: transparent;
}

a:hover {
  background-color: black;
}

a:active {
  background-color: transparent;
}