*{color:#fff}main{height:100vh;overflow-x:hidden;text-align:center;overflow-y:scroll;scroll-snap-type:y mandatory}section{position:relative;width:100vw;height:100vh;display:flex;scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;padding-left:12.5vw;padding-right:12.5vw;background-blend-mode:darken;background-size:cover;background-repeat:no-repeat}section h1{font-size:4.25rem;font-weight:700;line-height:4.65rem}section h2{font-size:2.25rem;font-weight:400;line-height:2.65rem}section p{font-size:1.25rem;font-weight:400;line-height:1.65rem}section a{color:#fff;text-decoration:underline;font-weight:500;text-underline-offset:.2em}section span{font-weight:inherit}.arrow{position:absolute;align-self:center;width:4.5px;height:4.5px;border:solid white;border-width:0 4.5px 4.5px 0;display:inline-block;padding:4.5px;margin:1rem}.up{top:.3rem;transform:rotate(-135deg);--webkit-transform: rotate(-135deg);animation:up-arrow-anim 1s infinite}.down{bottom:.3rem;transform:rotate(45deg);--webkit-transform: rotate(45deg);animation:down-arrow-anim ease-in-out 1s infinite}@keyframes up-arrow-anim{0%,to{transform:translateY(0) rotate(-135deg)}50%{transform:translateY(-50%) rotate(-135deg)}}@keyframes down-arrow-anim{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(50%) rotate(45deg)}}.mobile{display:none}.desktop{display:block}@media(max-width:480px){.mobile{display:block}.desktop{display:none}}