.sidebar{color:linear-gradient(180deg, #560b8b, #5bd0e2);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.sidebar .bg{z-index:999;background:#fff;width:400px;position:fixed;top:0;bottom:0;left:0}@media (width<=850px){.sidebar .bg{width:200px}}.sidebar .bg .links{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute}.sidebar .bg .links a{font-size:34px}@media (width<=850px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;cursor:pointer;background-color:#0000;border:none;border-radius:40%;width:50px;height:40px;position:fixed;top:25px;left:25px}.navbar{height:100px}.navbar .wrapper{justify-content:space-between;align-items:center;max-width:1066px;height:100%;margin:auto;display:flex}@media (width<=850px){.navbar .wrapper{justify-content:flex-end;padding:36px}}.navbar .wrapper span{font-weight:700}@media (width<=850px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{gap:20px;display:flex}.navbar .wrapper .social img{width:18px;height:18px}.hero{background:linear-gradient(#560b8b,#5bd0e2);height:calc(100vh - 100px);position:relative;overflow:hidden}.hero .wrapper{max-width:1100px;height:90%;margin:auto}.hero .wrapper .textContainer{flex-direction:column;justify-content:center;gap:40px;width:50%;height:100%;display:flex}@media (width<=850px){.hero .wrapper .textContainer{text-align:center;align-items:center;gap:20px;width:100%;height:50%}}.hero .wrapper .textContainer h2{color:#639;letter-spacing:10px;font-size:28px}.hero .wrapper .textContainer h1{font-size:64px}@media (width<=850px){.hero .wrapper .textContainer h1{font-size:36px}}.hero .wrapper .textContainer .buttons button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:10px;margin-right:20px;padding:20px;font-weight:300}.hero .wrapper .textContainer img{width:50px}.hero .imageContainer{height:100%;position:absolute;top:0;right:0}@media (width<=850px){.hero .imageContainer{width:100%;height:50%;top:unset;bottom:0}}.hero .imageContainer img{object-fit:cover;width:100%;height:100%}.hero .slidingTextContainer{z-index:999;white-space:nowrap;color:#10aac8;width:50%;font-size:35vh;font-weight:700;position:absolute;bottom:-120px}.parallax{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.parallax h1{font-size:100px}@media (width<=850px){.parallax h1{text-align:center;font-size:72px}}.parallax .mountains{z-index:3;background-image:url(/mountains.png);background-position:bottom;background-size:cover;width:100%;height:100%;position:absolute}@media (width<=850px){.parallax .mountains{background-repeat:no-repeat;background-size:contain}}.parallax .planets{z-index:2;background-position:bottom;background-size:cover;width:100%;height:100%;position:absolute}@media (width<=850px){.parallax .planets{background-repeat:no-repeat;background-size:contain}}.parallax .stars{z-index:1;background-image:url(/stars.png);background-position:bottom;background-size:cover;width:100%;height:100%;position:absolute}.services{background:linear-gradient(#560b8b,#5bd0e2);flex-direction:column;justify-content:space-between;height:100%;display:flex}.services .textContainer{flex:1;align-self:flex-end;align-items:center;gap:20px;display:flex}@media (width<=850px){.services .textContainer{text-align:center;flex-direction:column;align-self:center}}.services .textContainer p{color:gray;text-align:right;font-size:18px;font-weight:200}.services .textContainer hr{border:none;border-top:.5px solid gray;width:500px}@media (width<=850px){.services .textContainer hr{width:300px}}.services .titleContainer{flex-direction:column;flex:2;align-items:center;display:flex}@media (width<=850px){.services .titleContainer{width:100%}}.services .titleContainer .title{align-items:center;gap:50px;display:flex}@media (width<=850px){.services .titleContainer .title{text-align:center;flex-direction:column;gap:20px}}.services .titleContainer .title img{object-fit:cover;border-radius:50px;width:300px;height:100px}@media (width<=850px){.services .titleContainer .title img{width:200px;height:50px}}.services .titleContainer .title h1{font-size:96px;font-weight:100}@media (width<=850px){.services .titleContainer .title h1{font-size:36px}}.services .titleContainer .title button{cursor:pointer;background-color:#c4fa47;border:none;border-radius:50px;width:300px;height:100px;font-size:24px}@media (width<=850px){.services .titleContainer .title button{width:150px;height:50px;font-size:16px}}.services .listContainer{flex:2;max-width:1366px;margin:auto;display:flex}@media (width<=850px){.services .listContainer{flex-direction:column;width:100%}}.services .listContainer .box{border:.5px solid gray;flex-direction:column;justify-content:space-between;padding:50px;display:flex}@media (width<=850px){.services .listContainer .box{border:none;align-items:center;gap:20px;padding:10px}.services .listContainer .box p{display:none}}.portfolio{position:relative}.portfolio .progress{text-align:center;color:#c4fa47;padding-top:50px;font-size:36px;position:sticky;top:0;left:0}@media (width<=850px){.portfolio .progress{z-index:-1;padding-top:calc(100vh - 100px);font-size:24px}}.portfolio .progress .progressBar{background-color:#fff;height:10px}.portfolio .container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.portfolio .container .wrapper{justify-content:center;align-items:center;gap:50px;max-width:1144px;height:100%;margin:auto;display:flex}@media (width<=850px){.portfolio .container .wrapper{flex-direction:column}}.portfolio .container .wrapper .imageContainer{flex:1;height:50%}@media (width<=850px){.portfolio .container .wrapper .imageContainer{width:100%;max-height:300px}}.portfolio .container .wrapper .imageContainer img{object-fit:contain;width:100%;height:100%}@media (width<=850px){.portfolio .container .wrapper .imageContainer img{object-fit:contain}}.portfolio .container .wrapper .textContainer{flex-direction:column;flex:1;gap:30px;display:flex}@media (width<=850px){.portfolio .container .wrapper .textContainer{text-align:center;align-items:center;padding:10px;transform:none!important}}.portfolio .container .wrapper .textContainer h2{font-size:54px}@media (width<=850px){.portfolio .container .wrapper .textContainer h2{font-size:36px}}.portfolio .container .wrapper .textContainer p{color:cream;font-size:20px}@media (width<=850px){.portfolio .container .wrapper .textContainer p{font-size:16px}}.portfolio .container .wrapper .textContainer button{cursor:pointer;background-color:#c4fa47;border:none;border-radius:50px;width:200px;padding:10px}.contact{align-items:center;gap:50px;max-width:1144px;height:100%;margin:auto;display:flex}@media (width<=850px){.contact{flex-direction:column-reverse;width:100%;padding:10px}}.contact .textContainer{flex-direction:column;flex:1;gap:15px;display:flex}@media (width<=850px){.contact .textContainer{text-align:center;align-items:center;gap:20px}}.contact .textContainer h1{font-size:100px;line-height:88px}@media (width<=850px){.contact .textContainer h1{font-size:36px;display:none}}.contact .textContainer span{font-weight:300}.contact .formContainer{flex:1;position:relative}@media (width<=850px){.contact .formContainer{width:100%;padding:50px}}.contact .formContainer .phoneSvg{stroke:#c4fa47;z-index:-1;margin:auto;position:absolute}.contact .formContainer h1{text-align:center;font-size:100px;line-height:88px;display:none}@media (width<=850px){.contact .formContainer h1{font-size:36px;display:block}}.contact .formContainer form{flex-direction:column;gap:20px;display:flex}.contact .formContainer form input,.contact .formContainer form textarea{color:#fff;background-color:#0000;border:1px solid #fff;border-radius:5px;padding:20px}@media (width<=850px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{cursor:pointer;background-color:#c4fa47;border:none;padding:20px;font-weight:500}@media (width<=850px){.contact .formContainer form button{padding:10px}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif}body{color:#fff;background:#10aac8}a{color:purple;text-decoration:none}section{scroll-snap-align:center;height:100vh}.cursor{z-index:999;pointer-events:none;border:1px solid #c4fa47;border-radius:50%;width:50px;height:50px;position:fixed}@media (width<=850px){.cursor{display:none}}.about{text-align:center;background:background linear-gradient(#560b8b,#5bd0e2);height:100%;padding:90px}@media (width<=500px){.about{padding:45px}}.about h1{margin-bottom:10px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:2.5rem;font-style:normal}@media screen and (width<=738px){.about h1{margin-bottom:20px;font-size:1.4rem;font-weight:700;line-height:5px}}.about .about{justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;display:flex}.about .about .content{flex:1;margin-right:20px}.about .about .content h1{text-align:left;margin-bottom:20px;font-size:2em}.about .about .content .typewriter p{text-align:left;color:#fff;margin-bottom:20px;font-size:1.2em;line-height:1.5}.about .about .image-container{flex-shrink:0;width:300px}.about .about .image-container img{border-radius:10px;width:100%;height:auto;box-shadow:0 4px 8px #0000001a}.about .typewriter{margin-bottom:20px}.about .typewriter p{margin-bottom:10px;font-size:1.4rem;font-style:normal;line-height:2;overflow:hidden}@media screen and (width<=738px){.about .typewriter p{max-width:100%;margin:auto;font-size:.8rem;line-height:1.6}}.about-div-main{flex-direction:row;align-items:center;gap:4rem;display:flex}@media (width<=1200px){.about-div-main{flex-direction:column}}.about-div-main img{max-width:450px}@media (width<=1200px){.about-div-main img{display:none}}.about-div-main h1{margin:0;padding:0;font-size:55px;font-weight:500;line-height:100%}@media (width<=800px){.about-div-main h1{font-size:30px;line-height:120%}}.about-div-main p{font-size:20px!important}@media (width<=800px){.about-div-main p{font-size:16px!important}}.about-div-two{text-align:left;flex-direction:column;gap:15px;display:flex}.btn-grp{gap:1.2rem;display:flex}.btn-grp a{text-align:center}@media (width<=650px){.btn-grp{flex-direction:column}}
