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:#282a36;color:#8be9fd}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between}.navbar .wrapper span{font-weight:700;color:#fff;margin:10px;width:10px}.navbar .wrapper .social{display:flex;gap:10px}.navbar .wrapper .social img{width:50px;border-radius:30px;margin-top:20px}.sidebar{display:flex;position:relative;z-index:1;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff80;color:#000}.sidebar .bg{position:fixed;top:0;left:0;bottom:0;width:450px;background-color:#fff}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}.sidebar button{width:50px;height:50px;border-radius:50%;position:fixed;top:27px;left:25px;background-color:transparent;border:none;cursor:pointer}.hero{height:calc(100vh - 100px);background:linear-gradient(180deg,#282a36,rgba(43,216,255,.4392156863));position:relative;overflow:hidden}.hero .wrapper{max-width:1366px;height:100%;margin:auto}.hero .wrapper .textContainer{margin-top:25vh;margin-left:10%;width:auto;align-items:flex-start;height:100px;display:flex;flex-direction:column;justify-content:center;gap:40px}.hero .wrapper .textContainer h2{font-size:36px;color:#50fa7b;letter-spacing:10px}.hero .wrapper .textContainer h1{font-size:88px;line-height:88px}.hero .wrapper .textContainer button{letter-spacing:2px;padding:20px;border:2px solid #ff79c6;border-radius:10px;color:#fff;background-color:transparent;margin-top:10px;margin-right:50px;cursor:pointer}.hero .wrapper .textContainer button img{width:50px}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h1{z-index:2.5;font-size:100px;text-align:center;position:absolute;margin-bottom:25vh}.parallax h2{z-index:2.5;font-size:24px;color:#f5f5f5;font-weight:400;position:absolute;text-align:center}.parallax .textcontainer{align-self:auto;position:absolute;width:500px}.parallax .planets{background-image:url(/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:2}.parallax .stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute;z-index:1}.screenshot{width:40vw;margin-top:42vh;margin-left:5vw;margin-right:5vw;display:inline-block}.description{width:40vw;margin-top:44vh;margin-right:5vw;font-weight:100;color:#f5f5f5;display:inline-block;text-align:left;position:absolute}.heading{position:absolute;margin-top:360px;margin-left:7vw;text-align:left;width:100vw;color:#f5f5f5;font-size:4vw}