h2{font-size:30px;color:#ffb300;letter-spacing:10px;height:1rem;padding-bottom:20px;padding-top:20px;text-transform:uppercase}@media(max-width:538px){h2{font-size:15px;letter-spacing:5px}}.buttons button{padding:20px;border:1px solid #fff;border-radius:10px;background-color:transparent;color:#fff;margin-right:20px;cursor:pointer;font-weight:300;text-transform:uppercase}@media(max-width:538px){.buttons button{margin-top:10px;margin-left:5px;margin-right:5px;width:calc(100% - 10px)}}html{overflow-x:hidden}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#101010;color:#d3d3d3;margin:0 auto;overflow-x:hidden}section{height:100vh;scroll-snap-align:center}.hero,section{overflow:hidden}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#101010,#101010);position:relative}.hero .wrapper{height:100%}.hero .wrapper .textContainer{height:100%;gap:50px}@media(max-width:538px){.hero .wrapper .textContainer{height:100%;width:100%;gap:20px;text-align:center}}.hero .wrapper .textContainer h2{font-size:30px;color:#ffb300;letter-spacing:10px;height:1rem;padding-bottom:20px;padding-top:20px}@media(max-width:538px){.hero .wrapper .textContainer h2{font-size:18px}}.hero .wrapper .textContainer h1{font-size:68px;text-align:center}@media(max-width:538px){.hero .wrapper .textContainer h1{font-size:34px}}.hero .wrapper .textContainer h3{font-size:42px;font-weight:100;text-transform:capitalize;font-style:italic;text-align:center}@media(max-width:538px){.hero .wrapper .textContainer h3{font-size:18px}}.hero .slidingTextContainer{position:absolute;font-size:40vh;bottom:-60px;white-space:nowrap;color:#fff;opacity:.02;font-weight:700;overflow-x:hidden}