html {
  color: #ffffff;
}
.message {
  display: none;
  text-align: center;
  font-size: 3rem;
  color: #fff7f7;
  margin-top: max(15vw, 15rem);


}

.message.appear {
  display: block;
  animation: 2s fadeIn;
  font-size: max(1.5vw, 1.5rem);;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.as {
  width: max(22vw, 25rem);
  height:max(6.5vw, 8rem);
  margin-top: -10px;
  z-index: -5;
}
.moon {
  margin: 0px auto;
  z-index: 5000000000000000000;
}
.san {
  text-align: center;
  margin: -0px auto;
  z-index: 5000000000000000000;
}
.san2 {
  text-align: center;
  margin: 10px auto 0;
}
.mm {
  margin: 0 auto;
}
.im {
  margin: 6px auto -3px;
}
.si {
  text-align: left;
  width: max(60vw, 60rem);
  margin-left: max(3vw, 0rem);
}
img.rr {
  margin: 70px auto;
  z-index: -50000000000000000000000000000000000000000000000000000;
}
.we {
  font-size: 1.1rem;
}
.ass {
  margin: 0 auto;
}
.ww {
  width: 110px;
}
.ffff {
  font-size: 1.8rem;
}
.sisu {
  font-size: 1.8rem;
}