.splash {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: black;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s ease;
  cursor: default;
}

.splash.slide-up {
  transform: translateY(-100%);
}

.splash-header {
  font-size: 3rem;
  color: white;
  animation: wave 2s ease-in-out infinite alternate;
  font-family: 'Ubuntu';
}

@keyframes wave {
  0% { transform: rotate(-2deg); }
  100% { transform: rotate(2deg); }
}

.main-content {
  min-height: 100vh;
  background-color: white;
  color: white;
  padding: 100px 20px;
}
.z {
  position: absolute;
  font-size: 32px;
  opacity: 0;
}
.z-1 {
  animation: swayUpToRight 2s ease-out infinite;
}
.z-2 {
  animation: swayUpToRight 2s ease-out 0.5s infinite;
}
.z-3 {
  animation: swayUpToRight 2s ease-out 1s infinite;
}
.z-4 {
  animation: swayUpToRight 2s ease-out 1.5s infinite;
}
@keyframes swayUpToRight {
  0% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(80px, -100px) rotate(30deg);
    opacity: 0;
  }
}
.effect{
    margin-left: 10px;
    margin-bottom: 95px;
}