html,
body,
* {
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
}

main {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  transform-origin: 50% 20%;
  animation: slide-in 3s ease-out, light 3s ease-out;
}

@keyframes slide-in {
  0% {
    transform: perspective(100px) translateZ(35px);
  }
}

@keyframes light {
  0% {
    opacity: 0.5;
    filter: brightness(5);
  }
}