body {
  margin: 0;
  height: 100vh;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  user-select: none;
}

.text {
  color: white;
  font-size: 4rem;
  font-family: "Reenie Beanie", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.15em;
  opacity: 0;
  animation: fadein 4s ease-out 3s forwards;
  will-change: transform;
}

@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}