body {
  position: relative;
  height: 100vh;
  overflow: hidden;
  /* background:
    radial-gradient(circle at bottom, #fff -30%, transparent 70%),
    linear-gradient(to right, #134a8e, #00b6f1 50%),
    #fff; */
  background: radial-gradient(circle at bottom, #FFF9B7, transparent 80%), linear-gradient(to top, #8BC34A 0%, transparent 70%), linear-gradient(to bottom, transparent, rgba(255, 249, 183, 0.4) 70%), #FFDB58;
  animation: bg 30s infinite;
}

.message {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: fit-content;
  height: auto;
}

p {
  margin: 0;
  text-align: center;
  white-space: nowrap;
  font-family: vdl-penlady, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 38px;
  line-height: 1.8;
  color: white;
}
@media (min-width: 1024px) {
  p br {
    display: none;
  }
}

@keyframes bg {
  0%, 100% {
    background-color: #FFDB58;
  }
  25% {
    background-color: #FFC200;
  }
  50% {
    background-color: #FFA07A;
  }
  75% {
    background-color: #CD5C5C;
  }
}

/*# sourceMappingURL=style.css.map */