body {
  margin: 0;
  font-family: Arial;
}

/* HERO */
.hero {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

/* SLIDESHOW */
.slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
}

.slideshow img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: slide 16s infinite;
}

.slideshow img:nth-child(1){animation-delay:0s;}
.slideshow img:nth-child(2){animation-delay:4s;}
.slideshow img:nth-child(3){animation-delay:8s;}
.slideshow img:nth-child(4){animation-delay:12s;}

@keyframes slide {
  0% {opacity:0;}
  10% {opacity:1;}
  25% {opacity:1;}
  35% {opacity:0;}
  100% {opacity:0;}
}

/* OVERLAY */
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
}

/* TEXT */
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

/* EVENTS */
.events {
  text-align: center;
  padding: 40px;
}

/* WISHES */
.wishes {
  text-align: center;
  padding: 40px;
  background: #ffe4e1;
}

.wishes input, .wishes textarea {
  padding: 10px;
  width: 80%;
  max-width: 400px;
}

/* FOOTER */
.footer {
  text-align: center;
  padding: 20px;
}