body {
  width: 100vw;
  height: 100vh;
  padding: 0px;
  margin: 0px;
  font-family: 'Noto Sans HK', Roboto;
}
body div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* supported by Chrome and Opera */
}
.wrapper {
  width: 100%;
  max-width: 990px;
  height: 100%;
  margin: 0px auto;
  overflow-y: auto;
}
body div::-webkit-scrollbar {
  width: 14px;
}
body div::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #666666;
}
.title {
  font-size: 28px;
  font-weight: 400;
  text-align: center;
  margin: 100px 0px 65px 0px;
}
.content {
  white-space: pre-line;
}
.wrapper .content:last-child {
  margin-bottom: 100px;
}
.background-wrapper {
  width: 100%;
  height: calc(60% - 40px);
  margin-top: -60vh;
}
.background {
  width: 100%;
  height: 100%;
  background-color: #F1F1F1;
}
.zig-zag {
  background: linear-gradient(-45deg, #F1F1F1 25px, transparent 0), linear-gradient(45deg, #F1F1F1 25px, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 60px 40px;
  content: " ";
  display: block;
  width: 100%;
  height: 40px;
}