#attention {
  position: absolute;
  width: 100%;
  height: 97%;
}

#attention #at-logo {
  margin-top: 1vh;
  width: 100%;
  height: 20%;
}

#attention #at-logo img {
  max-width: 73%;
  max-height: 20vh;
}

#attention #at-attention {
  height: 52vh;
  width: 88%;
  margin: 2vh auto 3vh;
  padding-right: 12px;
  text-align: left;
  overflow-y: scroll;
}

#attention #at-attention .at-title {
  font-size: 2.4vh;
  line-height: 8vh;
}

#attention #at-attention .at-semititle {
  font-size: 2vh;
  line-height: 6vh;
  color: #ed1e79;
}

#attention #at-attention p {
  font-size: 2vh;
  line-height: 4vh;
}

#attention #at-attention a {
  color: white;
}

#attention #at-start-button {
  margin-top: 1vh;
  height: 17%;
  width: 100%;
}

#attention #at-start-button img {
  max-width: 98%;
  max-height: 100%;
}

#attention #at-start-button p {
  color: white;
}

#attention .at-button {
  position: relative;
  display: inline-block;
  max-width: 71.47%;
}

#attention .at-button p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
  line-height: 100%;
  font-size: calc(50vw * 0.21128 * 0.5);
}
/*# sourceMappingURL=attention.css.map */