.hero{height:calc(100vh - 100px);overflow:hidden;background:linear-gradient(180deg,#0c0c1d,#111132);position:relative}.hero .wrapper{max-width:1366px;height:100%;margin:auto}.hero .wrapper .textContainer{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media (max-width: 738px){.hero .wrapper .textContainer{height:50%;width:100%;gap:20px;align-items:center;text-align:center}}.hero .wrapper .textContainer h2{font-size:40px;text-underline-offset:10px;text-decoration:underline;color:#639;letter-spacing:10px}.hero .wrapper .textContainer h1{font-size:80px}@media (max-width: 738px){.hero .wrapper .textContainer h1{font-size:36px}}.hero .wrapper .textContainer .buttons{display:flex;gap:20px;z-index:3}.hero .wrapper .textContainer .buttons button{padding:20px;border:1px solid rgb(89,0,255);border-radius:10px;background:linear-gradient(135deg,#3497b3,#9400b1);color:#fff;cursor:pointer;font-weight:300}.hero .wrapper .textContainer .buttons :hover{background:linear-gradient(135deg,#9400b1,#3497b3);color:#fff;border-radius:10px;font-weight:700}.hero .wrapper .textContainer img{width:50px}.hero .imageContainer{height:100%;position:absolute;top:-40px;right:100px}@media (max-width: 738px){.hero .imageContainer{height:50%;width:100%;top:unset;right:0;bottom:0}}.hero .imageContainer img{width:100%;height:100%;object-fit:contain}.hero .slidingTextContainer{position:absolute;font-size:50vh;bottom:-120px;white-space:nowrap;color:#ffffff09;width:50%;font-weight:700;z-index:0}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;width:100vw;scroll-snap-align:center;overflow:hidden}.navbar{height:100px;background-color:transparent}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar .wrapper span img{display:flex;width:300px}.navbar .wrapper span :hover{transform:scale(1.1);opacity:.9}@media (max-width: 738px){.navbar .wrapper span img{display:flex;width:200px;padding-left:20px}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:30px;height:30px}.navbar .wrapper .social :hover{transform:scale(1.2);opacity:.8}@media (max-width: 738px){.navbar .wrapper .social{display:flex-end;gap:10px;padding-right:20px}.navbar .wrapper .social img{width:20px;height:20px}}