@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: 32px;
  }
  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: 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: white;
  color: black;
  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: darkorange
}
h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: orange
}
hr {
  color: orange;
  background-color: orange;
  border-color: orange;
}
a {
  color:orangered
}
a:hover {
  filter: brightness(80%);
}
.navigation {
  color: #444444;
  font-size: 12px;
}
.destination {
  color: darkorange;
}
.step {
  color: orangered
}
.footer1 {
  color: orange
}