@charset "utf-8";
.letter{transition: all 0s cubic-bezier(.215,.61,.355,1) .5s;
    transition-property: transform, visibility, opacity;
    transform: translateY(1.75rem);
    will-change: transform, visibility, opacity;
    display: inline-block;
    visibility: hidden;
    opacity: 0;}
.letter.on{
	transition-duration: .5s;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;} /* transition-duration: .5s; transition-delay: var(--delay); */

.fade-up{
  opacity: 0;
  transform: translateY(1.75rem);
  transition: all cubic-bezier(.215,.61,.355,1) 1.3s;
  transition-delay: .1s;
}
.fade-up.on{
  transform: translateY(0);
  opacity: 1;
}

.fade-in{
  opacity: 0;
  transition: all cubic-bezier(.215,.61,.355,1) 1.3s;
  transition-delay: .1s;
}
.fade-in.on{
  opacity: 1;
}

.fade-g > *{opacity:0; transform: translateY(1.35rem); transition: all cubic-bezier(.215,.61,.355,1) .85s;; transition-delay: .1s;}
.fade-g.on > *.on{transform: translateY(0); opacity: 1;}

.delay1{transition-delay: .1s !important;;}
.delay2 {transition-delay: .2s !important;}
.delay3 {transition-delay: .3s !important;;}
.delay4 {transition-delay: .4s !important;}
.delay5 {transition-delay: .5s !important;;}
.delay6 {transition-delay: .6s !important;;}
.delay7 {transition-delay: .7s !important;;}
.delay8 {transition-delay: .8s !important;;}

@media (max-width:1024px){
	.delay1,.delay2,.delay3,.delay4,.delay5,.delay6,.delay7,.delay8{transition-delay: .1s !important}
}