html,
body,
main {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

main {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

main #logo {
  max-width: 75vw;
  margin: auto;
  aspect-ratio: 255 / 60;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

main {
  background-image: url("bg_dark.jpg");
}

main #logo {
  background-image: url("ee_light.svg");
}

@media (prefers-color-scheme: light) {
  main {
    background-image: url("bg_light.jpg");
  }

  main #logo {
    background-image: url("ee_dark.svg");
  }
}