section{height:100vh;scroll-snap-align:center}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#0c0c1d;color:#d3d3d3}a{color:inherit;text-decoration:none}.container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.box{height:100px;width:200px;background-color:#f5f5f5}.contact-container{height:100%;max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:center}@media(max-width:830px){.contact-container{flex-direction:column}}.contact-container .contact-text{flex:1;display:flex;flex-direction:column;gap:50px}@media(max-width:830px){.contact-container .contact-text{gap:20px}}.contact-container .contact-text h1{font-size:100px;font-weight:700}@media(max-width:830px){.contact-container .contact-text h1{font-size:32px}}.contact-container .contact-text span{font-size:1rem;color:gray}.contact-container .form-container .svgContainer{background-color:transparent;position:absolute}.contact-container .form-container .svgContainer svg{height:500px;width:600px;stroke:orange}@media(max-width:830px){.contact-container .form-container .svgContainer svg{width:300px;height:200px}}.contact-container .form-container form{position:relative;display:flex;flex-direction:column;gap:10px}.contact-container .form-container form input,.contact-container .form-container form textArea{background-color:transparent;border:solid white 1px;width:600px;height:auto;padding:20px;color:#fff;font-size:.8rem;border-radius:10px}@media(max-width:830px){.contact-container .form-container form input,.contact-container .form-container form textArea{width:300px}}.contact-container .form-container form button{margin-top:15px;padding:20px;background-color:orange;border:transparent;cursor:pointer}.contact-container .form-container form span{font-size:1.2rem}.cursor-container{height:50px;width:50px;border-radius:50%;position:fixed;border:solid white 2px;z-index:9999}@media(max-width:830px){.cursor-container{display:none}}.hero-container{height:calc(100vh - 100px);position:relative;overflow-x:hidden}@media(max-width:830px){.hero-container{overflow:hidden}}.hero-container .hero-image{height:100%;position:absolute;right:23px;z-index:1;top:0}@media(max-width:830px){.hero-container .hero-image{height:38%;right:unset;top:unset;left:150px;bottom:0}}.hero-container .home-wrapper{max-width:1336px;margin:auto;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}@media(max-width:830px){.hero-container .home-wrapper{gap:20px;align-items:center;justify-content:flex-start;margin-top:50px}}.hero-container .home-wrapper h2{font-size:3.2rem;color:#639;letter-spacing:10px}.hero-container .home-wrapper h1{font-size:50px;font-weight:700;width:50%}@media(max-width:830px){.hero-container .home-wrapper h1{font-size:30px;text-align:center}}.hero-container .home-wrapper .hero-button{display:flex;flex-direction:column;gap:20px}.hero-container .home-wrapper .hero-button .my-btns{display:flex;gap:20px}.hero-container .home-wrapper .hero-button .my-btns button{height:50px;width:130px;background:transparent;border:solid white 1px;color:#fff;font-weight:300;border-radius:12px;cursor:pointer;transition:all .3s ease}.hero-container .home-wrapper .hero-button .my-btns button:hover{background:#f5f5f5;color:#000;font-weight:600}.hero-container .hero-text h1{font-size:300px;color:#ffffff0f;position:absolute;bottom:0;z-index:0;pointer-events:none;white-space:nowrap}.hero-container .scroll-img{height:50px;width:50px}@media(max-width:830px){.hero-container .scroll-img{height:20px;width:20px}}.nav-bar{height:100px;display:flex;justify-content:space-between;align-items:center}.nav-bar .nav-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:1150px;padding-top:20px;margin:auto}.nav-bar span{font-weight:700;font-size:1.2rem}.nav-bar .social-icons{display:flex;gap:35px;align-items:center}@media(max-width:830px){.nav-bar .social-icons{padding:10px;gap:20px}}.nav-bar img{width:20px}@media(max-width:1380px){.nav-wrapper{display:flex;justify-content:space-between;align-items:center;gap:20px}.nav-wrapper span{margin-left:100px}}.side-bar{width:340px;position:fixed;display:flex;flex-direction:column;gap:200px;z-index:999;top:0;height:100vh;background-color:#fff;color:#000}.button{position:absolute;top:27px;left:30px;background-color:transparent;border:none;cursor:pointer}.link-cont{display:flex;flex-direction:column;gap:50px;height:auto;font-size:40px;align-items:center;justify-content:center}.bg{position:sticky;top:0;height:auto}.parallax-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.parallax-container h1{font-size:100px}@media(max-width:830px){.parallax-container h1{text-align:center}}.parallax-container .mountains{height:100%;width:100%;position:absolute;z-index:3}.parallax-container .stars{height:100%;width:100%;position:absolute;z-index:2}.parallax-container .planets{background-size:cover;background-position:bottom;height:100%;width:100%;position:absolute;z-index:1}.portfolio-container{position:relative}.portfolio-container .mainTitle{position:sticky;top:0;left:0;text-align:center;padding:40px 16px 20px;font-size:32px;color:orange;background:0;z-index:10}@media(max-width:830px){.portfolio-container .mainTitle{font-size:20px;padding:20px 10px;left:10px;color:#ff0}}@media(max-width:830px){.portfolio-container .mainTitle h1{font-size:30px}}.portfolio-container .progressBar{height:8px;background-color:#fff;border-radius:10px;margin-top:10px}@media(max-width:830px){.portfolio-container .progressBar{height:6px}}.container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;margin:auto;gap:40px;max-width:1366px;padding:40px 20px;overflow-x:hidden}@media(max-width:830px){.container{flex-direction:column;gap:20px;padding:20px 12px}}.container .image-wrapper{flex:1;display:flex;justify-content:center;align-items:center}.container .image-wrapper img{width:100%;max-width:600px;height:auto;object-fit:contain}@media(max-width:830px){.container .image-wrapper img{max-width:90%}}.container .title-wrapper{flex:1;display:flex;flex-direction:column;gap:30px}@media(max-width:830px){.container .title-wrapper{gap:16px;align-items:center;text-align:center}}.container .title-wrapper h1{font-size:clamp(36px,6vw,80px)}@media(max-width:830px){.container .title-wrapper h1{font-size:36px}}.container .title-wrapper p{color:gray;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;max-width:600px}.container .title-wrapper button{background-color:coral;color:#fff;border:none;border-radius:12px;padding:12px 24px;min-width:180px;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease-in-out;box-shadow:0 4px 8px #00000026}@media(max-width:830px){.container .title-wrapper button{width:100%;max-width:220px}}.container .title-wrapper button:hover{background-color:#ff652f;transform:scale(1.05);box-shadow:0 6px 12px #0003}.container .title-wrapper button:active{transform:scale(.97)}.container .title-wrapper button:focus{outline:none;box-shadow:0 0 0 3px #ff7f5080}.service-container{height:100%;width:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0c1d,#111132);gap:30px;justify-content:center;align-items:center}@media(max-width:830px){.service-container{gap:10px}}.service-container .title-container{flex:1;display:flex;align-self:flex-end;align-items:center;gap:15px}@media(max-width:830px){.service-container .title-container{align-self:center}}.service-container .title-container p{text-align:right;font-weight:100;font-size:1.2rem;color:gray}@media(max-width:830px){.service-container .title-container p{text-align:center;font-size:1rem;color:#fff}}.service-container .title-container hr{width:500px;border:none;border-top:.1px solid gray;color:gray;font-weight:100}@media(max-width:830px){.service-container .title-container hr{width:200px}}.service-container .text-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;flex:2;gap:10px}@media(max-width:830px){.service-container .text-container{width:100%}}.service-container .text-container .first-text-container{display:flex;gap:40px}@media(max-width:830px){.service-container .text-container .first-text-container{margin-left:10px;width:100%;flex-direction:column;justify-items:center;align-items:center}}.service-container .text-container .first-text-container img{width:250px;height:100px;border-radius:60px}@media(max-width:830px){.service-container .text-container .first-text-container img{width:80%;height:200px;border-radius:10px}}.service-container .text-container .first-text-container p{font-weight:100;font-size:100px}@media(max-width:830px){.service-container .text-container .first-text-container p{font-size:20px}}.service-container .text-container .first-text-container p b{font-weight:500}.service-container .text-container .second-text-container{display:flex;gap:40px}@media(max-width:830px){.service-container .text-container .second-text-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}}.service-container .text-container .second-text-container p{font-weight:100;font-size:80px}@media(max-width:830px){.service-container .text-container .second-text-container p{font-size:20px;margin-left:20px}}.service-container .text-container .second-text-container div button{width:250px;height:100px;cursor:pointer;text-align:center;border-radius:50px;font-weight:300;font-size:24px;background:orange}@media(max-width:830px){.service-container .text-container .second-text-container div button{font-size:20px;border-radius:10px;margin-bottom:10px;width:150px;height:60px}}.service-container .box-container{display:flex;flex-direction:row;flex:2}@media(max-width:830px){.service-container .box-container{margin-left:10px;margin-right:10px}}.service-container .box-container div{display:flex;box-shadow:0 0 0 .5px #fff;width:350px;border:none;height:350px;padding:40px;gap:10px;flex-direction:column;justify-content:center}@media(max-width:830px){.service-container .box-container div{width:fit-content;height:100px;padding:10px}}@media(max-width:830px){.service-container .box-container div h2{font-size:1rem}}@media(max-width:830px){.service-container .box-container p{display:none}}.service-container .box-container button{height:40px;border:none;background:orange}@media(max-width:830px){.service-container .box-container button{width:50px}}