.home{position:relative;height:calc(100vh - 100px);background:linear-gradient(90deg,#111132,#000);overflow:hidden;padding:0 5%}.home .wrapper{max-width:1266px;margin:auto;height:100dvh;z-index:5}.home .wrapper .text_container{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}.home .wrapper .text_container h2{font-size:3rem;color:#639;letter-spacing:8px}.home .wrapper .text_container h1{font-size:5rem;letter-spacing:10px}.home .wrapper .text_container .btns{display:flex;gap:20px}.home .wrapper .text_container .btns button{padding:10px 20px;border-radius:8px;border:1px solid #fff;color:#fff;cursor:pointer;background-color:transparent;z-index:10}.home .wrapper .text_container .btns .btn-2{border:1px solid #fff}.home .wrapper .text_container img{width:50px;z-index:10;cursor:pointer}.home .sliding_text{width:50%;position:absolute;bottom:20%;font-size:20vh;white-space:nowrap;color:#ffffff09;z-index:0}.home .image_container{position:absolute;bottom:0;right:0;height:100%;width:50%}.home .image_container img{width:100%;height:100%;opacity:.7;object-fit:contain}@media (max-width: 767px){.home{padding:10px}.home .wrapper .text_container{width:100%;padding-top:80px;justify-content:flex-start;gap:20px}.home .wrapper .text_container h2{font-size:2rem}.home .wrapper .text_container h1{font-size:3rem}.home .wrapper .text_container .btns button{border:none}.home .sliding_text{width:100%;font-size:10vh;bottom:12%}.home .image_container{height:60%;width:100%;right:-30%;bottom:4%}.home .image_container img{opacity:.7}}.sidebar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000;z-index:999}.sidebar .bg{position:fixed;top:0;left:0;width:250px;background-color:#fff}.sidebar .bg .links{position:absolute;width:100%;height:100vh;background-color:#fff;padding:60px 20px 20px 40px;display:flex;flex-direction:column}.sidebar .bg .links .links_child{padding-top:60px;display:flex;flex-direction:column;gap:10px}.sidebar .bg .links .links_child a{font-size:3.5rem}@media (max-width: 767px){.sidebar .bg .links .links_child a{font-size:2.5rem}}.sidebar button{position:fixed;top:25px;left:25px;width:50px;height:50px;background-color:transparent;border:none;cursor:pointer}.navbar{height:100px;background:linear-gradient(90deg,#111132,#000);padding:0 10%}.navbar .wrapper{max-width:1266px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;font-size:1.6rem}@media (max-width: 767px){.navbar .wrapper{display:none}}.navbar .wrapper span{font-weight:700}.navbar .wrapper .social{display:none;align-items:center;gap:20px}.navbar .wrapper .social img{width:18px;height:18px}@media (max-width: 767px){.navbar .wrapper .social{display:none}}.about{width:100%;height:100%;position:relative;display:flex;justify-content:center;overflow:hidden}.about .about_text{max-width:400px;height:fit-content;border-radius:10px;margin-top:150px;padding:20px;background-color:#0006}.about .about_text h1{font-size:6rem}.about .about_text p{font-size:1.4rem;text-align:justify}.about .mountain{position:absolute;background-image:url(/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;z-index:3}.about .planets{position:absolute;background-image:url(/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;z-index:2}.about .stars{position:absolute;background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;z-index:1}@media (max-width: 767px){.about{padding:10px}.about .mountain,.about .planets{background-size:contain;background-repeat:no-repeat}.about .about_text h1{font-size:5rem}.about .about_text p{font-size:1.4rem}}.portfolio{position:relative}.portfolio .progress{position:sticky;top:0;width:100%;padding:20px 10%;background:linear-gradient(90deg,#111132,#000);z-index:6}.portfolio .progress h1{font-size:6rem;text-align:center;text-shadow:0 0 15px #01e2f6}.portfolio .progress .progressbar{height:10px;background-color:#fff;border-radius:12px}.portfolio .container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 5%;z-index:2}.portfolio .container .wrapper{display:flex;justify-content:center;align-items:center;gap:50px;max-width:1266px}.portfolio .container .wrapper .image_container{flex:1;width:50%;border-radius:12px;border:3px solid #01e2f6;box-shadow:0 0 5px #01e2f6;transition:.5s}.portfolio .container .wrapper .image_container:hover{box-shadow:0 0 25px #01e2f6;border:3px solid transparent}.portfolio .container .wrapper .image_container img{border-radius:12px;width:100%;object-fit:contain}.portfolio .container .wrapper .text_container{flex:1;display:flex;flex-direction:column;gap:20px}.portfolio .container .wrapper .text_container h2{font-size:4rem}.portfolio .container .wrapper .text_container p{font-size:1.6rem;color:gray}.portfolio .container .wrapper .btn_wrapper{display:flex;gap:20px}.portfolio .container .wrapper .btn_wrapper a{padding:6px 15px;border-radius:8px;background-color:transparent;border:none;color:#fff;font-size:1.8rem;font-weight:400;transition:all .4s}.portfolio .container .wrapper .btn_wrapper a:hover{cursor:pointer;transform:scale(1.1)}.portfolio .container .wrapper .btn_wrapper .btn_orange{background-color:orange}.portfolio .container .wrapper .btn_wrapper .btn_white{border:1px solid #fff}@media (max-width: 767px){.portfolio{padding:10px}.portfolio .progress h1{font-size:3rem}.portfolio .progress .progressbar{height:5px}.portfolio .container{padding:50px 10px 0}.portfolio .container .wrapper{flex-direction:column}.portfolio .container .wrapper .image_container{width:100%}.portfolio .container .wrapper .text_container{gap:14px}.portfolio .container .wrapper .text_container h2{font-size:3rem}.portfolio .container .wrapper .text_container p{font-size:1.6rem}.portfolio .container .wrapper .btn_wrapper a{font-size:1.4rem}}@media (max-width: 348px){.portfolio .progress h1{font-size:2.2rem}}.contact{max-width:1266px;margin:auto;width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:30px;overflow:hidden;padding:0 5%}.contact .contacts{flex:1;display:flex;justify-content:center;flex-direction:column;gap:30px}.contact .contacts h2{font-size:6rem;line-height:55px}.contact .contacts .item h3{font-size:2.6rem;color:gray}.contact .contacts .item span{font-size:1.8rem}.contact .input_wrapper{flex:1;position:relative;height:100%}.contact .input_wrapper .my_svg,.contact .input_wrapper .desktop_res{position:absolute;width:100%;height:100%}.contact .input_wrapper .my_svg svg,.contact .input_wrapper .desktop_res svg{width:100%}.contact .input_wrapper .mobile_res{display:none}.contact .input_wrapper .desktop_res{display:flex;justify-content:center;flex-direction:column;gap:30px;padding:0 10px}.contact .input_wrapper .desktop_res input,.contact .input_wrapper .desktop_res textarea{border:1px solid orange;background-color:transparent;border-radius:8px;resize:vertical;padding:15px;color:#fff;font-size:1.8rem}.contact .input_wrapper .desktop_res button{width:200px;padding:6px 15px;border-radius:4px;background-color:orange;border:1px solid #000;color:#000;font-size:1.8rem;font-weight:400;transition:all .4s}.contact .input_wrapper .desktop_res button:hover{cursor:pointer;border:1px solid #fff;color:#fff;background-color:transparent}@media (max-width: 767px){.contact{padding:10px;flex-direction:column-reverse}.contact .contacts{max-height:50%;gap:10px}.contact .contacts h2{font-size:3rem}.contact .contacts .item h3{font-size:1.6rem}.contact .contacts .item span{font-size:1.4rem}.contact .input_wrapper{width:100%;max-height:50%;padding-top:100px}.contact .input_wrapper .my_svg,.contact .input_wrapper .desktop_res{display:none}.contact .input_wrapper .mobile_res{display:flex;justify-content:center;flex-direction:column;padding:0 10px;gap:15px}.contact .input_wrapper .mobile_res input,.contact .input_wrapper .mobile_res textarea{border:1px solid orange;background-color:transparent;border-radius:8px;resize:vertical;font-size:1.4rem;padding:10px;color:#fff}.contact .input_wrapper .mobile_res button{font-size:1.4rem;width:100%;padding:6px 15px;border-radius:4px;background-color:orange;border:1px solid #000;color:#000;font-weight:400;transition:all .4s}.contact .input_wrapper .mobile_res button:hover{cursor:pointer;border:1px solid #fff;color:#fff;background-color:transparent}}.cursor{position:fixed;top:15px;left:15px;width:40px;height:40px;border-radius:50%;border:1px solid #fff;z-index:1000}@media (max-width: 767px){.cursor{display:none}}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:100dvh;scroll-snap-align:center}@media only screen and (max-width: 480px){html{font-size:60%}}@media only screen and (min-width: 481px) and (max-width: 768px){html{font-size:90%}}@media only screen and (min-width: 769px) and (max-width: 1024px){html{font-size:45%}}@media only screen and (min-width: 1025px) and (max-width: 1524px){html{font-size:55%}}@media only screen and (min-width: 1525px) and (max-width: 2800px){html{font-size:65%}}.glowing-box{background-color:transparent;border:none;border-radius:20px}.glowing-box:hover{box-shadow:0 0 10px #01e2f6;text-shadow:0 0 5px #01e2f6}@media (max-width: 767px){.glowing-box{box-shadow:0 0 10px #01e2f6}.glowing-box a{text-shadow:0 0 2px #01e2f6}}.expertise{width:100%;height:100dvh;display:flex;align-items:start;justify-content:center;flex-wrap:wrap;gap:10px}.expertise .main-title{width:100%;text-align:center;font-size:3.6rem;text-shadow:0 0 15px #01e2f6;padding:10px 0 0}.expertise .tools-container{width:45%;height:80%;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-radius:10px;padding:20px}.expertise .tools-container:hover .title{text-shadow:0 0 25px #fff}.expertise .tools-container .title{transition:all .4s;width:100%;text-align:center;padding:10px;font-size:1.8rem}.expertise .tools-container .tool{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 20px;border-radius:10px}.expertise .tools-container .tool img{object-fit:contain;padding:5px;width:5rem;height:5rem;background:#fff;box-shadow:0 0 15px #fff;border-radius:50px}.expertise .tools-container .tool .name{font-size:1.4rem;font-weight:600;color:#fff}.expertise .tools-container .tool:hover{box-shadow:0 0 10px #01e2f6}.expertise .tools-container .tool:hover img{background:#01e2f6;box-shadow:0 0 25px #01e2f6}.expertise .tools-container .tool:hover .name{text-shadow:0 0 5px #01e2f6;color:#01e2f6}.expertise .tools-container .tool:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s;border-radius:10px}.expertise .tools-container .tool:hover:before{box-shadow:0 0 25px #01e2f6}@media (max-width: 767px){.expertise{flex-direction:column;align-items:center;gap:5px}.expertise .main-title{font-size:2rem;padding:0}.expertise .tools-container{width:90%;height:35%;padding:0;box-shadow:none;gap:5px}.expertise .tools-container .title{font-size:1.2rem;padding:10px 0 0}.expertise .tools-container .tool{gap:10px;box-shadow:0 0 5px #01e2f6}.expertise .tools-container .tool img{padding:2px;width:2rem;height:2rem}.expertise .tools-container .tool .name{font-size:1rem;text-shadow:0 0 5px #01e2f6;color:#01e2f6}}