.top {
  width: 100%;
  min-height: 100vh;
  height: auto;
  background: repeating-linear-gradient(0deg, #151515, #151515 8px, #1c1c1c 8px, #1c1c1c 10px);
}

.jank-fire-logo-top {
  display: flex;
  width: 20vw;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 0 40px rgba(212, 82, 31, 0.38));
}

.title-top {
  display: flex;
  background: linear-gradient(90deg, var(--rust-dark), var(--rust-bright));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font-family: JetBrainsMono;
  width: 100%;
  justify-content: center;
  font-weight: 100;
  font-size: 1.7em;
}

.title-top-below {
  display: flex;
  width: 100%;
  justify-content: center;
  font-family: JetBrainsMono;
  color: var(--text-color-2);
  font-size: 3em;
  margin-top: 0.5em;
}

@media only screen and (max-width: 3000px) {
  .title-top-below { font-size: 4em; }
  .title-top { font-size: 2em; }
  .jank-fire-logo-top { width: 25vw; }
}

@media only screen and (max-width: 2000px) {
  .title-top-below { font-size: 3em; }
  .title-top { font-size: 1em; }
  .jank-fire-logo-top { width: 30vw; }
}

@media only screen and (max-width: 1000px) {
  .title-top-below { font-size: 2em; }
  .title-top { font-size: 0.7em; }
  .jank-fire-logo-top { width: 30vw; }
}

@media only screen and (max-width: 700px) {
  .jank-fire-logo-top { width: 40vw; }
}