body {
  font-family: "Noto Sans JP", sans-serif;
  background: #fdfdfd;
  color: #282828;
  text-align: center;
}
body article {
  height: 90vH;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body article a {
  color: #005ed7;
}
body article section h1 {
  font-size: 45px;
}
body article section h1 #whatAmI {
  scroll-snap-type: y mandatory;
  height: 62px;
  display: block;
  overflow: scroll;
  scrollbar-width: none;
}
body article section h1 #whatAmI::-webkit-scrollbar {
  display: none;
}
body article section h1 #whatAmI div {
  scroll-snap-align: center;
}
@media screen and (max-width: 370px) {
  body article section h1 {
    font-size: 28px;
  }
  body article section h1 #whatAmI {
    height: 48px;
  }
  body article section h1 #whatAmI div {
    padding: 5px 0;
  }
  body article section h2 {
    font-size: 20px;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #1d1e20;
    color: #dbdbdb;
  }
  body article a {
    color: #dbdbdb;
  }
}

/*# sourceMappingURL=style.css.map */
