@font-face {
    font-family: PixelEmulator;
    src: url(/assets/PixelEmulator.otf);
}

:root {
  --main-font: PixelEmulator;
  --background: #0f0f0f;
  --text-primary: #ffffff;
  --text-secondary: #c0c0c0;
  --accent-matte: #ff8e58;
  --accent-bright: #f85341;
}

::selection {
  background: var(--accent-matte);
  color: var(--text-primary);
}

body {
    font-family: var(--main-font);
    background-color: var(--background);
    color: var(--text-primary);
    text-align: center;
    overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--accent-matte);
}

/* Title Section */
#heading {
  position: relative;
  height: 10vh;
  margin-bottom: 10vh;
}

#title {
  font-size: 8vh;
  margin-bottom: 0vh;
}

#subtitle {
  margin-top: 0vh;
  font-size: 2vh;
}

/* Link Section */
#link-container {
  position: relative;
  height: 15vh;
  text-align: center;
}

#link {
  font-size: 2vh;
  display: inline-block;
  margin-left: 2vw;
  margin-right: 2vw;
}

/* Campfire Section*/
.campfire {
  position: relative;
  height: 60vh;
}