.container{border:1px solid #ffffff1a;padding:2.5rem}.box{background-color:#3b82f6;border-radius:.5rem;width:5rem;height:5rem}.home-hero-container{width:100%;height:100vh;position:relative;overflow:hidden}.home-hero-bg{z-index:0;background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.home-hero-content{z-index:10;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.home-hero-title{color:#000;font-size:8rem;font-weight:700}@media (max-width:768px){.home-hero-title{font-size:4rem}}.scroll-demo-container{width:100%}.scroll-demo-container .placeholder-section{color:#9ca3af;background-color:#f3f4f6;justify-content:center;align-items:center;height:100vh;display:flex}.scroll-demo-container .animation-section{background-color:#fff;align-items:center;height:100vh;padding-left:5rem;display:flex;overflow:hidden}.scroll-demo-container .animated-box{color:#fff;background-color:#3b82f6;border-radius:.75rem;justify-content:center;align-items:center;width:8rem;height:8rem;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 25px 50px -12px #00000040}body{margin:0;padding:0}