#first-screen .columns .text:before {
  opacity: 0;
  transform: rotate(0deg) scale(0.1);
  transition: all 0.5s 0.25s ease-in;
}
#first-screen .columns .text.after-scroll:before {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
#first-screen .columns .text .visual .lunes1 {
  transform: rotate(26.29deg);
}
#first-screen .columns .text .visual .lunes1:before {
  transition: all 0.4s 0.25s ease-in;
  transform: translate(-50%, 100%);
}
#first-screen .columns .text .visual .lunes1:after {
  transition: all 1s 0.75s ease-in;
  transform: translate(-50%, 200%);
}
#first-screen .columns .text .visual .lunes2 {
  transform: rotate(0deg);
}
#first-screen .columns .text .visual .lunes2:before {
  transition: all 0.5s 0.75s ease-in;
  transform: translate(-50%, 2%);
}
#first-screen .columns .text .visual .lunes2:after {
  transition: all 0.5s 1s ease-in;
  transform: translate(-50%, 153%);
}
#first-screen .columns .text .visual .lunes3 {
  transform: rotate(0deg);
}
#first-screen .columns .text .visual .lunes3:before {
  transition: all 1s 0.5s ease-in;
  transform: translate(-7%, -100%);
}
#first-screen .columns .text .visual .lunes3:after {
  transition: all 1s 0s ease-in;
  transform: translate(-77%, -120%);
}
#first-screen .columns .text .visual .lunes4 {
  transform: rotate(-22.24deg);
}
#first-screen .columns .text .visual .lunes4:before {
  transition: all 0.5s 0.5s ease-in;
  transform: translate(-50%, -500%);
}
#first-screen .columns .text .visual .lunes4:after {
  transition: all 0.25s 0.25s ease-in;
  transform: translate(-50%, -101%);
}
#first-screen .columns .text .visual .star1 {
  opacity: 0;
  transition: all 0.5s 1.75s ease-in;
  transform: rotate(0deg) scale(0.1);
}
#first-screen .columns .text .visual .star2 {
  opacity: 0;
  transition: all 0.5s 1.4s ease-in;
  transform: rotate(0deg) scale(0.25);
}
#first-screen .columns .text .visual .star3 {
  opacity: 0;
  transition: all 0.5s 1s ease-in;
  transform: rotate(-22.24deg) scale(0.25);
}
#first-screen .columns .text .visual .star4 {
  opacity: 0;
  transition: all 0.5s 1s ease-in;
  transform: rotate(0deg) scale(0.1);
}
#first-screen .columns .text .visual.after-scroll .lunes1 {
  transform: rotate(26.29deg);
}
#first-screen .columns .text .visual.after-scroll .lunes1:before {
  transform: translate(-50%, -100%);
}
#first-screen .columns .text .visual.after-scroll .lunes1:after {
  transform: translate(-50%, 0%);
}
#first-screen .columns .text .visual.after-scroll .lunes2 {
  transform: rotate(0deg);
}
#first-screen .columns .text .visual.after-scroll .lunes2:before {
  transform: translate(-50%, -100%);
}
#first-screen .columns .text .visual.after-scroll .lunes2:after {
  transform: translate(-50%, 0%);
}
#first-screen .columns .text .visual.after-scroll .lunes3 {
  transform: rotate(0deg);
}
#first-screen .columns .text .visual.after-scroll .lunes3:before {
  transform: translate(-50%, -100%);
}
#first-screen .columns .text .visual.after-scroll .lunes3:after {
  transform: translate(-103%, -120%);
}
#first-screen .columns .text .visual.after-scroll .lunes4 {
  transform: rotate(-22.24deg);
}
#first-screen .columns .text .visual.after-scroll .lunes4:before {
  transform: translate(-50%, -100%);
}
#first-screen .columns .text .visual.after-scroll .lunes4:after {
  transform: translate(-50%, 0%);
}
#first-screen .columns .text .visual.after-scroll .star1 {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
#first-screen .columns .text .visual.after-scroll .star2 {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
#first-screen .columns .text .visual.after-scroll .star3 {
  opacity: 1;
  transform: rotate(-22.24deg) scale(1);
}
#first-screen .columns .text .visual.after-scroll .star4 {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.how-it-works .columns > div:before {
  opacity: 1;
  transition: all 0.5s ease-in;
  transform: scale(0.5);
}
.how-it-works .columns > div:nth-of-type(1):before {
  transition: all 0.5s 0s ease-in;
}
.how-it-works .columns > div:nth-of-type(2):before {
  transition: all 0.5s 0.2s ease-in;
}
.how-it-works .columns > div:nth-of-type(3):before {
  transition: all 0.5s 0.4s ease-in;
}
.how-it-works .columns > div.after-scroll:before {
  opacity: 1;
  transform: scale(1);
}

.faq .columns .title:before {
  transition: all 0.25s 0s ease-in;
  opacity: 0;
  transform: scale(0);
}
.faq .columns .title.after-scroll:before {
  opacity: 1;
  transform: scale(1);
}

.fadeup {
  transition: all 1s;
  opacity: 0;
  transform: translateY(100px);
}
.fadeup.after-scroll {
  opacity: 1;
  transform: translateY(0px);
}

.faderight {
  transition: all 1s;
  opacity: 0;
  transform: translateX(-100px);
}
.faderight.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}

.fadeleft {
  transition: all 1s;
  opacity: 0;
  transform: translateX(100px);
}
.fadeleft.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}/*# sourceMappingURL=animation.css.map */