body {
  background-color: black;
  color: #87cefa;
  font-family: Verdana;
}

.center {
  text-align: center;
}

.center-div {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

#deer {
  font-size: 10px;
}

#stars {
  font-size: 10px;
  text-align: center;
  position: relative;
  z-index: 1; /* Lower layer to slide behind */
  margin-top: -40px; /* Pulls this div up into the front box */
  padding: 20px;
}

.unblur-target {
  filter: blur(10rem);
  transition: filter 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.unblur-target:hover {
  filter: blur(0);
}

.fade-text:first-child {
  /* Standard property */
  mask-image: linear-gradient(to top, black 0%, transparent 100%);
}

/* 
.melting-text-container {
    position: relative;
    overflow: hidden;
}

.melting-text {
    font-size: 6rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    animation: melt 3s infinite ease-in-out;
    background: linear-gradient(90deg, #ff6f61, #ffbd44, #ff6f61);
    -webkit-background-clip: text;
    color: transparent;
}

.melting-text::before,
.melting-text::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ff6f61, #ffbd44, #ff6f61);
    -webkit-background-clip: text;
    color: transparent;
    z-index: -1;
    transform: scaleY(1);
    opacity: 0.5;
    animation: drip 3s infinite ease-in-out;
}

.melting-text::after {
    filter: blur(10px);
    opacity: 0.3;
}

@keyframes melt {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}

@keyframes drip {
    0%, 100% {
        transform: scaleY(1);
        opacity: 0.5;
    }
    50% {
        transform: scaleY(1.5);
        opacity: 0.7;
    }
}

.wave-text span {
    display: inline-block;
    font-size: 10px;
    animation: wave 2s ease-in-out infinite;
}

.wave-text span:nth-child(1) {
    animation-delay: 0s;
}
.wave-text span:nth-child(2) {
    animation-delay: 0.2s;
}
.wave-text span:nth-child(3) {
    animation-delay: 0.4s;
}
.wave-text span:nth-child(4) {
    animation-delay: 0.6s;
}

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
} */