* {
  box-sizing: border-box;
}

body {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at bottom, #fff, transparent 80%), linear-gradient(to top, #DE9E77 0%, transparent 70%), linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.4) 70%), #DE9E77;
  animation: bg 30s infinite;
}

@keyframes bg {
  0%, 100% {
    background-color: #9992CA;
  }
  25% {
    background-color: #B3CBB3;
  }
  50% {
    background-color: #E4C672;
  }
  75% {
    background-color: #DB7771;
  }
}
.construction-block {
  padding: 2rem 2rem 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 612px) {
  .construction-block {
    position: relative;
    top: -8rem;
  }
}

#logo {
  width: 24rem;
  max-width: 86vw;
}

p {
  font-family: campaign, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08rem;
  font-style: italic;
  color: white;
  text-shadow: 0 1px 4px rgba(55, 50, 48, 0.48);
  margin: 0;
}

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