@media (orientation:landscape) {
  :root {
    --titlewidth: 30vw;
  }
}
@media (orientation:portrait) {
  :root {
    --titlewidth: 15em;
  }
}
#title {
  height: 60vh;
  align-items: center;
  flex-direction: column;
}
#title-box {
  width: var(--titlewidth);
  padding: 0;
  border: 3px solid var(--textcolor);
}
#title-box h1 {
  background: var(--textcolor);
  color: var(--backgroundcolor);
  margin: 0;
  padding-bottom: 0.1em;
  border: none;
  text-align: center;
  width: 100%;
}
#title-box p {
  margin: 0.5em;
}
#download-button {
  margin-top: 3em;
  padding: 0.5em 1em;
}