html {
  font-size: 100%;
}

html body {
  background-color: #4350ff;
  font-family: 'DotGothic16', sans-serif;
  font-size: 1.3rem;
  margin: 0;
  height: 100%;
}

html body::after {
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  background: #ffe1e6;
  /* background: -moz-linear-gradient(top, #afeeee 0%,#FFF 100%); */
  /* background: -webkit-linear-gradient(top, #afeeee 0%,#FFF 100%); */
  background: -webkit-gradient(linear, left top, left bottom, from(#4350ff), to(#fff));
  background: linear-gradient(to bottom, #4350ff 0%, #fff 100%);
  z-index: -1;
}

html body .wrapper {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0 5%;
  padding-top: 30px;
  margin-bottom: 100px;
}

html body #login-font {
  margin-top: 50px;
}

html body #login-font .puroro-gu {
  height: 140px;
  /* line-height: 140px; */
  font-size: 4.0rem;
  text-align: center;
  color: white;
  text-shadow: 3px 4px 5px #727171;
}

html body #login-font .font-change {
  background-color: #fff;
  text-align: center;
  padding: 60px;
  margin-bottom: 60px;
}

html body #login-font .font-change input {
  background-color: #0defff;
  border-bottom: 5px solid #1c878f;
  width: 100px;
  margin-top: 30px;
}
/*# sourceMappingURL=style.css.map */