.scroll-wrapper{width:100vw;height:100vh;position:relative}.snap-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:100vh;overflow-y:scroll}.snap-container::-webkit-scrollbar{display:none}.snap-section{scroll-snap-align:start;scroll-snap-stop:always;color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.content{text-align:center}.content h1{margin-bottom:1rem;font-size:4rem}.dot-navigation{z-index:10;flex-direction:column;gap:15px;display:flex;position:fixed;top:50%;right:30px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.nav-dot:hover{background:#ffffff80;transform:scale(1.2)}.nav-dot:focus{background:#fff;outline:none}