.scroll-container{height:100vh;min-height:450px;padding:2rem 1rem;display:flex;align-items:center;box-sizing:border-box}.js-scroll{opacity:0;transition:opacity 500ms}.js-scroll.scrolled{opacity:1}.scrolled.fade-in{animation:fade-in 1s ease-in-out both;animation-delay:0.3s}.scrolled.fade-in-bottom{animation:fade-in-bottom 1s ease-in-out both}.scrolled.slide-left{animation:slide-in-left 1s ease-in-out both}.scrolled.slide-right{animation:slide-in-right 1s ease-in-out both}@keyframes slide-in-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}