/* FONTS */
/* Heading Font */
@font-face {
  font-family: "Cutive Mono";
  src: url("font_cutive-mono.ttf");
}

/* Body Font */
@font-face {
  font-family: "Major Mono Display";
  src: url("font_major-mono-display.ttf");
}

/* CLASSES*/
.hidden {
  visibility: hidden;
}

/* BODY */
body {
  /* Box */
  margin: 1vw;

  /* Colors */
  background-color: #000000;
  color: #27bd08;

  /* Font */
  font-family: "Cutive Mono", monospace;
  font-size: 1.2rem;
  
}

/*HEADER*/
header > h1 {
  /* Box */
  margin: 0 0 0.75vw 0;

  /* Font */
  font-family: "Major Mono Display", monospace;
  font-size: 2.5rem;
  letter-spacing: 0.2vw;
}

header > #subheading {
  /* Font */
  font-weight: 600;
}

main > a {
  /* Box */
  margin: 1.2vw 0;

  /* Layout */
  display: block;
}

main > a:first-of-type {
  /* Box */
  margin: 1.8vw 0 1.2vw 0;
}

main > a:last-of-type {
  /* Box */
  margin: 1.2vw 0 1.8vw 0;
}