html,body{height:100%;font-family:Poppins,sans-serif;overflow:hidden}.section{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform 1s,opacity 1s;display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}.section.active{opacity:1;pointer-events:auto;transform:translateY(0)}#section1{color:#fff;background:linear-gradient(90deg,#3498db,#6dd5fa)}#section2{color:#fff;background:linear-gradient(90deg,#2ecc71,#a8e063)}#section3{color:#fff;background:linear-gradient(90deg,#9b59b6e6,#be93c5e6)}#section4{color:#fff;background:linear-gradient(90deg,#e74c3c,#f1948a)}