.-white {
  background: url(../img/bg_white.jpg);
}

.-beige {
  background: url(../img/bg_beige.jpg);
}

.notes {
  margin-top: 0.5em;
  font-size: 1.3rem;
}

.animation {
  opacity: 0;
}

.-fade {
  transform: translate(0, 4rem);
}

.isPlay.-fade {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.75s;
}

.size20 {
  font-size: 2rem;
}
@media only screen and (max-width: 640px) {
  .size20 {
    font-size: 3.125vw;
  }
}
.size24 {
  font-size: 2.4rem;
}
@media only screen and (max-width: 640px) {
  .size24 {
    font-size: 3.125vw;
  }
}
.size28 {
  font-size: 2.8rem;
}
@media only screen and (max-width: 640px) {
  .size28 {
    font-size: 3.75vw;
  }
}
.size30 {
  font-size: 3rem;
}
@media only screen and (max-width: 640px) {
  .size30 {
    font-size: 4.375vw;
  }
}
.size32 {
  font-size: 3.2rem;
}
@media only screen and (max-width: 640px) {
  .size32 {
    font-size: 4.375vw;
  }
}
.size36 {
  font-size: 3.6rem;
}
@media only screen and (max-width: 640px) {
  .size36 {
    font-size: 4.375vw;
  }
}
.size40 {
  font-size: 4rem;
}
@media only screen and (max-width: 640px) {
  .size40 {
    font-size: 4.6875vw;
  }
}
.size44 {
  font-size: 4.4rem;
}
@media only screen and (max-width: 640px) {
  .size44 {
    font-size: 5.15625vw;
  }
}
.size48 {
  font-size: 4.8rem;
}
@media only screen and (max-width: 640px) {
  .size48 {
    font-size: 5.625vw;
  }
}

.mt-xl {
  margin-top: 6em !important;
}

.mt-l {
  margin-top: 4em !important;
}

.mt-ml {
  margin-top: 3em !important;
}

.mt-m {
  margin-top: 2em !important;
}

.mt-s {
  margin-top: 1em !important;
}

.mt-ss {
  margin-top: 0.5em !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-xl {
  margin-bottom: 6em !important;
}

.mb-l {
  margin-bottom: 4em !important;
}

.mb-ml {
  margin-bottom: 3em !important;
}

.mb-m {
  margin-bottom: 2em !important;
}

.mb-s {
  margin-bottom: 1em !important;
}

.mb-ss {
  margin-bottom: 0.5em !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.fade,
.delay,
.delay2,
.delay3 {
  opacity: 0;
  transform: translate(0, 20px);
  transition: 1s;
}

.effect-fade {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 1000ms;
}

.delay,
.delay2,
.delay3,
.delay4,
.delay5,
.delay6 {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 1000ms;
}

.isPlay.isFade .delay,
.isPlay.isFade .delay2,
.isPlay.isFade .delay3,
.isPlay.isFade .delay4,
.isPlay.isFade .delay5,
.isPlay.isFade .delay6 {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-fade.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}
.effect-fade.effect-scroll .delay,
.effect-fade.effect-scroll .delay2,
.effect-fade.effect-scroll .delay3,
.effect-fade.effect-scroll .delay4,
.effect-fade.effect-scroll .delay5,
.effect-fade.effect-scroll .delay6 {
  opacity: 1;
  transform: translate(0, 0);
}
.effect-fade.effect-scroll .delay {
  transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
}
.effect-fade.effect-scroll .delay2 {
  transition-delay: 1s;
  -ms-transition-delay: 1s;
}
.effect-fade.effect-scroll .delay3 {
  transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
}
.effect-fade.effect-scroll .delay4 {
  transition-delay: 2s;
  -ms-transition-delay: 2s;
}
.effect-fade.effect-scroll .delay5 {
  transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
}
.effect-fade.effect-scroll .delay6 {
  transition-delay: 3s;
  -ms-transition-delay: 3s;
}/*# sourceMappingURL=module.css.map */