#welcome {
  position: absolute;
  top: 0;
  left: 0;
  width: 100svw;
  height: 100svh;
  display: flex;
  justify-content: center;
  background-color: #fff;
  overflow: hidden;
  transition: top 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  z-index: 2001;
}

#welcome > #welcome-banner {
  position: absolute;
  top: -10svh;
  height: 25svh;
}

#welcome > #welcome-container {
  position: absolute;
  top: 12svh;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  gap: 2.5svh;
}

#welcome > #welcome-container > #welcome-map {
  width: unset;
  height: 18svh;
}

#welcome > #welcome-container p {
  width: 80svw;
  font-size: 2svh;
  text-align: center;
  font-family: "BuckeyeSans2";
  font-weight: normal;
}

#welcome > #welcome-container pre {
  width: 80svw;
  font-size: 1.5svh;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  font-weight: normal;
}

#welcome > #welcome-container > #welcome-title {
  font-size: 12svw;
  font-family: "BuckeyeSerif2";
  font-weight: normal;
  color: var(--osuRed);
}

#welcome > #welcome-container button {
  width: 70svw;
  height: 7svh;
  background-color: var(--osuRed);
  color: white;
  border-radius: 0px;
  font-size: 2.5svh;
  font-family: "BuckeyeSans2";
  border: none;
  font-weight: bold;
  cursor: pointer;
}

#welcome > #welcome-container > #slides-button {
  background-color: white;
  color: var(--osuRed);
  border: var(--osuRed) 3px solid;
}

#welcome > #welcome-container > #ada-button {
  margin-top: 1svh;
  background-color: white;
  color: var(--osuRed);
  border: var(--osuRed) 3px solid;
}

/* iphone small */
@media screen and (min-aspect-ratio: 2/3) {
  #welcome > #welcome-banner {
    top: -7svh;
    height: 19svh;
  }

  #welcome > #welcome-container {
    top: 14svh;
  }

  #welcome > #welcome-container > #welcome-title {
    font-size: 10svh;
  }

  #welcome > #welcome-container > #welcome-map {
    height: 20svh;
  }

  #welcome > #welcome-container > p {
    font-size: 2.5svh;
  }
}

@media screen and (min-aspect-ratio: 1/1) {
  #welcome > #welcome-banner {
    top: -7svh;
    height: 19svw;
  }

  #welcome > #welcome-container > button {
    font-size: 4svh;
    max-width: 400px;
    gap: 0.75svh;
  }
}