.start h1 {
  color: var(--color-brand-accent);
  font-weight: 700;
  text-align: center;
}

.startScreenButton {
  font-family: var(--font-accent-light);
}

.start .start_tagline {
  color: var(--start-tagline-text);
  font-size: clamp(0.9rem, 2.4vw, 1.37rem);
  font-family: var(--font-accent);
  text-align: center;
}

.start .logo {
  width: clamp(10rem, 25vw, 17rem);
}

.start_description {
  text-align: center;
  color: var(--color-brand-accent);
  font-size: clamp(0.7rem, 2.2vw, 1.25rem);
}

@media screen and (orientation: landscape) {
  .start .start_tagline,
  .start_description,
  .start h1 {
    text-align: left;
  }
}