@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

body {
  overflow: hidden;
}

#IndexMain {
  background-image: url(/images/index-background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #5979e3;
  width: 100vw;
  height: 100vh;
  text-align: center;
  padding-top: 30vh;
  overflow: hidden;

  color: white;
  font-family: 'DotGothic16', sans-serif;
  --font-size: min(72px, calc(100vw / 18), calc(100vh / 4.5));
  font-size: var(--font-size);
  line-height: calc(var(--font-size) * 1.5);
  text-shadow: 0px 0px 6px rgb(31, 31, 63);
}