@font-face {
  font-family: 'Zhi Mang Xing';
  src: url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2');
  font-weight: normal;
  font-style: normal;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  box-sizing: border-box;
  border: 0.5rem double #999999;
  background-color: snow;
  font-family: "Noto Serif CJK SC", "Noto Sans CJK SC", serif, sans-serif;
  position: relative;
}

a {
  color: rgb(43, 115, 175);
}

body > article {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  writing-mode: tb;
}

@keyframes show {
  form {
    opacity: 0.1;
  }

  to {
    opacity: 1.0;
  }
}

body > article > h1 {
  margin: 0;
  font-size: 15vh;
  font-weight: normal;
  font-family: "Zhi Mang Xing";
}

body > article > div.wish > h2 {
  display: inline-block;
}

body > article > div.wish > h2 > a {
  text-decoration: none;
  display: inline-block;
  font-size: 2.3vh;
  color: rgb(242, 206, 43);
  opacity: 0.1;
  animation-name: show;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}

body > article > p.belief {
  white-space: nowrap;
  font-family: "Zhi Mang Xing";
  font-size: 6vh;
  color: #999999;
}

/* 横屏 */
@media (max-height: 600px), screen and (orientation: landscape) {
  body > article {
    writing-mode: lr;
    text-align: center;
  }

  body > article > h1 {
    font-size: 15vw;
  }
  
  body > article > div.wish > h2 > a {
    font-size: 2.3vw;
  }
  
  body > article > p.from {
    font-size: 6vw;
  }
}
