@charset "utf-8";

.gradient-text {
  float: none;
  font-size: 48pt;
  line-height: 64pt;
  margin-top: 18pt;
  font-family: FZCYSJT, serif;
  font-weight: normal;
  text-align:center;
  background: -webkit-linear-gradient(#ffcc00, #fff38f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(-2px 2px 3px #333);
}
.gradient-text-red {
  float: none;
  font-size: 48pt;
  line-height: 64pt;
  margin-top: 18pt;
  font-family: FZCYSJT, serif;
  font-weight: normal;
  text-align:center;
  color: #a90000;
  /* -webkit-text-stroke: 2px darkred; */
  text-shadow: 0 0 5px #fff, 0 0 10px #ffffff, 0 0 10px #ffffff,0 0 10px #ffffff,0 0 10px #ffffff,0 0 10px #ffffff;
}

@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade{
  -webkit-animation: fade-in-down 0.5s;
  animation: fade-in-down 0.5s;
}

.original{
  transform: translateY(30px);
}