html{scroll-behavior:smooth}main{scroll-snap-type:y proximity;overscroll-behavior:contain}.section{scroll-snap-align:start;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.content{z-index:10;opacity:0;transition:all .6s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.content.animate.blink{opacity:1;filter:blur()contrast()}.content.animate.horizontal-scroll,.content.animate.backwards-scroll{opacity:1;transform:translate(0,0)}.content.animate.zoom-scroll{opacity:1;filter:blur();transform:scale(1)}.content.blink{filter:blur(.1rem)contrast(4);opacity:0}.content.horizontal-scroll{opacity:0;transform:translate(100%)}.content.backwards-scroll{opacity:0;transform:translateY(-100%)}.content.zoom-scroll{filter:blur(.1rem);opacity:0;transform:scale(0)}.text-content{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(-50px)}.text-content.animate{opacity:1;transform:translateY(0)}.animated-element{transition:all .6s ease-out}.animated-element h1{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(-20px)}.animated-element p{opacity:0;transition:opacity .6s ease-out .2s,transform .6s ease-out .2s;transform:translateY(-20px)}.animated-element img{opacity:0;transition:opacity .6s ease-out .4s,transform .6s ease-out .4s;transform:scale(.8)}.text-content.animate .animated-element h1,.text-content.animate .animated-element p,.text-content.animate .animated-element img{opacity:1;transform:none}.animation-controls{z-index:100;background:rgba(0,0,0,.5);border-radius:5px;gap:10px;padding:10px;display:flex;position:fixed;top:10px;right:10px}.animation-controls label{color:#fff;cursor:pointer}@media (max-width:768px){.text-content{padding-bottom:5px}}