.cover {
  position: relative;
  height: 100vh;
  width: 100%;
}
.cover .cover__content {
  position: absolute;
  height: 100%;
  width: 100%;
}
.cover .cover__content .cover__sub-title {
  display: inline-block;
}
.cover .cover__content .cover__scroll-hint {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.badge {
  display: inline-block;
  position: relative;
  top: -1px;
  white-space: nowrap;
}

.content-area {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .content-area {
    width: 90vw;
  }
}
@media screen and (min-width: 1024px) {
  .content-area {
    width: 75vw;
  }
}
@media screen and (min-width: 1280px) {
  .content-area {
    width: 66vw;
  }
}
@media screen and (min-width: 2560px) {
  .content-area {
    width: 50vw;
  }
}

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