body {
  font-family: 'Lexend', sans-serif;
  background-color: black;
}

.background-layer {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-color: black;
  transition: opacity 1s ease-in-out;
}

#background1 {
  z-index: 0;
}

#background2 {
  z-index: 0;
}

body > *:not(.background-layer) {
  position: relative;
  z-index: 10;
}

textarea:focus {
  outline: none;
  border-color: #22c55e;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.5);
}