@font-face {
  font-family: CousineMono;
  src: url(/fonts/CousineNerdFont-Regular.ttf);
}

@media only screen and (min-width: 640px) {
  h1.title {
    font-size: 64px;
  }
  h2.subtitle {
    font-size: 24px;
  }
  h1.divTitle {
    font-size: 48px;
  }
  h2.divSubtitle {
    font-size: 16px;
  }
  a.divLink {
    font-size: 16px;
  }
  img.dev {
    width: 64px;
  }
  p.footer1 {
    font-size: 16px;
  }
  p.navigation {
    font-size: 12px;
  }
}

@media only screen and (max-width: 639px) {
  h1.title {
    font-size: 10vw;
  }
  h2.subtitle {
    font-size: 3.75vw;
  }
  h1.divTitle {
    font-size: 7.5vw;
  }
  h2.divSubtitle {
    font-size: 2.5vw;
  }
  a.divLink {
    font-size: 2.5vw;
  }
  img.dev {
    width: 10vw;
  }
  p.footer1 {
    font-size: 2.5vw;
  }
  p.navigation {
    font-size: 1.875vw;
  }
}

body {
  background-color: #951616;
  color: white;
  font-family: CousineMono, Courier;
}
img {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #3b0808 
}
h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #500b0b
}
hr {
  color: #500b0b;
  border-color: #500b0b;
  background-color: #500b0b;
}
a {
  color:#ffc501;
}

a:hover {
  filter: brightness(80%);
}

.navigation {
  color: white;
  font-size: 12px;
}
.destination {
  color: #3b0808;
}
.step {
  color: #ffc501
}
.footer1 {
  color: #500b0b
}

div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu::-webkit-scrollbarW{
  background-color: #ffc501;
  height: 128px;
}

div.scrollmenu div {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  color: white;
}