body{
  margin:0;
  font-family:sans-serif;
}
.tap {
  font-size: 300%;
}
/* ローディング画面 */
#loading{
  width:100%;
  height:100vh;

  background:black;
  color:white;

  display:flex;
  justify-content:center;
  align-items:center;

  position:fixed;
  top:0;
  left:0;
}

/* パーセント */
#percent{
  font-size:60px;
  font-weight:bold;
}

/* サイト本体 */
#main-content{
  display:none;

  height:100vh;

  justify-content:center;
  align-items:center;
}

body {
    color: black;
}

h1 {
  font-size: 500%;
}


/* ************************************************************************************************* */
/* 文字を動かす *//* クリックで文字 */
body {
  margin: 0;
  overflow: hidden;
}

.moving-box {
  position: absolute;
  white-space: nowrap;
  animation: move 4s linear infinite ;
  cursor: pointer;
}
h1,
p {
  margin: 0;
  user-select: none;
}
.tap {
  margin-bottom: 300px;
}
#message {
  font-size: 28px;
}
@keyframes move {
  0% {
    transform: translatex(-300%);
  }

  100% {
    transform: translatex(100vw);
  }
}