.scroll-animation-demo{font-family:Arial,sans-serif}.scroll-animation-demo h1{font-size:24px;font-weight:700;margin-bottom:20px}.animate-on-scroll{display:flex;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-element{margin:100px 0;padding:20px;border-radius:8px;color:#fff}.animate-element h2{font-size:20px;margin-top:40px;margin-bottom:10px}.blue{background-color:#3498db}.green{background-color:#2ecc71}.red{background-color:#e74c3c}