.content-width, .container {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
}

.pt-sm {
  padding-top: 10px;
}

.mb-ssm, .sub-title {
  margin-bottom: 5px !important;
}

.mb-sm {
  margin-bottom: 12px !important;
}

.mb-lg {
  margin-bottom: 15px !important;
}

body {
  background-color: #202124;
}

.global-container {
  height: 100vh;
}

.header {
  align-items: center;
}

.container {
  text-align: center;
  color: white;
  position: relative;
  overflow: hidden;
}

.guideline {
  text-align: center;
}

.red {
  color: red;
  font-weight: 600;
}

.flex {
  display: flex;
  flex-direction: column;
}

.pt-sm {
  padding-top: 20px;
}

.text-emphasis {
  font-weight: bold;
  color: rgb(214, 55, 55);
}

.top-title {
  font-size: 2em;
  font-style: italic;
}

@media screen and (min-width: 600px) {
  .main-title {
    font-size: 1.8em;
  }
}

.sub-title {
  font-size: 1.4em;
  font-weight: bold;
}

p {
  transition: transform 0.3s, opacity 0.3s;
  animation-name: kf-charanimation;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 600px) {
  p {
    font-size: 1.2em;
  }
}

@keyframes kf-charanimation {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 100%;
    transform: translateX(0);
  }
}
.animate-title {
  color: red;
}
.animate-title.inview .char {
  display: inline-block;
  animation-name: kf-animation-chars;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}
.animate-title.inview .char:nth-child(1) {
  animation-delay: 0.04s;
}
.animate-title.inview .char:nth-child(2) {
  animation-delay: 0.08s;
}
.animate-title.inview .char:nth-child(3) {
  animation-delay: 0.12s;
}
.animate-title.inview .char:nth-child(4) {
  animation-delay: 0.16s;
}
.animate-title.inview .char:nth-child(5) {
  animation-delay: 0.2s;
}
.animate-title.inview .char:nth-child(6) {
  animation-delay: 0.24s;
}
.animate-title.inview .char:nth-child(7) {
  animation-delay: 0.28s;
}
.animate-title.inview .char:nth-child(8) {
  animation-delay: 0.32s;
}
.animate-title.inview .char:nth-child(9) {
  animation-delay: 0.36s;
}
.animate-title.inview .char:nth-child(10) {
  animation-delay: 0.4s;
}
.animate-title.inview .char:nth-child(11) {
  animation-delay: 0.44s;
}
.animate-title.inview .char:nth-child(12) {
  animation-delay: 0.48s;
}
.animate-title.inview .char:nth-child(13) {
  animation-delay: 0.52s;
}
.animate-title.inview .char:nth-child(14) {
  animation-delay: 0.56s;
}
.animate-title.inview .char:nth-child(15) {
  animation-delay: 0.6s;
}
.animate-title.inview .char:nth-child(16) {
  animation-delay: 0.64s;
}
.animate-title.inview .char:nth-child(17) {
  animation-delay: 0.68s;
}
.animate-title.inview .char:nth-child(18) {
  animation-delay: 0.72s;
}
.animate-title.inview .char:nth-child(19) {
  animation-delay: 0.76s;
}
.animate-title.inview .char:nth-child(20) {
  animation-delay: 0.8s;
}
.animate-title.inview .char:nth-child(21) {
  animation-delay: 0.84s;
}
.animate-title.inview .char:nth-child(22) {
  animation-delay: 0.88s;
}
.animate-title.inview .char:nth-child(23) {
  animation-delay: 0.92s;
}
.animate-title.inview .char:nth-child(24) {
  animation-delay: 0.96s;
}
.animate-title.inview .char:nth-child(25) {
  animation-delay: 1s;
}
.animate-title.inview .char:nth-child(26) {
  animation-delay: 1.04s;
}
.animate-title.inview .char:nth-child(27) {
  animation-delay: 1.08s;
}
.animate-title.inview .char:nth-child(28) {
  animation-delay: 1.12s;
}
.animate-title.inview .char:nth-child(29) {
  animation-delay: 1.16s;
}
.animate-title.inview .char:nth-child(30) {
  animation-delay: 1.2s;
}

@keyframes kf-animation-chars {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.underline {
  position: absolute;
  left: 50%;
  height: 1px;
  width: 9px;
  background: white;
  animation-name: kf-underlineanimation;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes kf-underlineanimation {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(80);
  }
}
.choice__nav {
  display: flex;
  justify-content: space-around;
}
.choice__nav > a {
  color: #8AB4F8;
  transition: transform 0.3s;
}
@media screen and (min-width: 600px) {
  .choice__nav > a {
    font-size: 1.8em;
  }
}
.choice__nav > a:hover {
  transform: scale(1.2);
}

.towork__nav {
  display: flex;
  justify-content: space-around;
}
.towork__nav > a {
  color: #8AB4F8;
  font-size: 1.2em;
  transition: transform 0.3s;
}
.towork__nav > a:hover {
  transform: scale(1.2);
}/*# sourceMappingURL=style.css.map */