@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Funnel+Display:wght@300..800&display=swap";:root{--font-title: "DM Sans", serif;--font-default: "Funnel Display", serif;--font-small: 13px;--font-medium: 15px;--font-big: 18px;--color-dark: #171717;--color-dark-gray: #6b6b6b;--color-blue: #43c4de;--color-light-blue: #bac7ce;--color-purple: rgb(63, 46, 79);--color-purple-alternative: rgb(90, 47, 130);--text-color-default: white;--text-color-alternative: black;--gradient-test: linear-gradient(to bottom, #171717, #6b6b6b);--bg-gradient-one: linear-gradient(to bottom, #12071f, #2f204e)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background:var(--color-dark);color:var(--text-color-default);font-family:var(--font-default);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:normal}p,a,li,button,ul{line-height:normal;color:var(--text-color-default);text-decoration:none}a:hover{text-decoration:none}.section-vh{height:100vh;scroll-snap-align:center}.last-section{min-height:100vh;scroll-snap-align:center}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebarBg{position:fixed;top:0;left:0;bottom:0;width:400px;background-color:#fff;z-index:2}.nav-links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.nav-links a{font-size:40px;color:#000}.toggle-btn{width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer;z-index:3}@media (max-width: 738px){.sidebarBg{width:300px}.nav-links a{font-size:20px}}.hero{background-color:var(--color-dark);height:100%;overflow:hidden}.hero .wrapper{max-width:1536px;height:100%;margin:auto;padding:0 50px;display:flex}.heroBg{position:absolute;width:100%;height:100%;top:0;left:0}.hImg{position:absolute;bottom:0;right:0;left:0;margin:auto;height:80%;width:max-content}.hImg img{width:100%;height:100%;object-fit:cover}.hSection{width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.hTitle{margin-top:100px;font-family:var(--font-title);font-size:100px;font-weight:500;line-height:1.1;color:var(--text-color-default)}.hTitle span{color:var(--color-blue)}.techStack{width:30%}.techStack p{font-size:14px;color:var(--text-color-default);margin:16px 0}.techStackList{display:flex;gap:8px}.techStackList img{width:50px;height:50px;padding:8px}.techStackList img:nth-child(1){border-radius:50%}.techStackList img:nth-child(3){width:55px;height:55px}.scroll{margin-bottom:50px;width:max-content}.hSection.right{align-items:end}.follow{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 12px;background-color:#3f2e4f;border-bottom-right-radius:10px}.followTextContainer{width:20px;height:20px}.followText{background-color:#dd4c62;font-size:12px;color:var(--text-color-default);rotate:90deg;width:max-content;height:100%;transform-origin:left top;transform:translateY(-20px);margin-top:3px;padding:0 8px;display:flex;align-items:center;border-bottom-right-radius:10px}.bubbleContainer{width:50%;display:flex;align-items:end;gap:8px;justify-content:space-between}.bubble{width:100%;height:100px;background-color:#fff;color:#515151;padding:24px;font-size:18px;border-radius:20px 20px 0}.bubbleContainer img{width:50px;height:50px;border-radius:100%;object-fit:cover}.contactLink{margin-bottom:25px;margin-right:15px}.contactButton{position:relative}.circleText{letter-spacing:4px;font-size:18px}.arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 1536px){.hTitle{font-size:72px}}@media (max-width: 1280px){.heroBg{height:60%;top:auto;bottom:0}.hImg{height:100%}.hTitle{font-size:70px}.techStack{width:60%}.bubbleContainer{display:none}}@media (max-width: 1024px){.heroBg{height:50%}.hTitle{font-size:50px}}@media (max-width: 768px){.hero .wrapper{flex-direction:column;padding:0 16px}.heroBg{height:60%}.hSection{width:100%}.hSection.left{align-items:center;text-align:center;gap:36px}.hTitle{font-size:48px}.techStack{width:100%}.techStackList{justify-content:center}.scroll{display:none}.hSection.right{justify-content:end}.follow,.bubbleContainer{display:none}.hImg{height:72%}}@media (max-width: 400px){.contactLink{display:none}.hImg{height:65%}}.social-icon{display:inline-block;margin:0;width:37px;height:37px;background:transparent;display:inline-flex;border-radius:50%;align-items:center;justify-content:center;line-height:1;border:1px solid #ffffff}.social-icon:before{content:"";width:37px;height:37px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.social-icon:hover:before{transform:scale(1)}.social-icon img{width:60%;z-index:1;transition:.3s ease-in-out}.social-icon:hover img{filter:brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.tech-section{background:linear-gradient(180deg,#171717,#111132)}.marquee-txt{max-width:768px;height:50%;margin:0 auto;padding:50px 50px 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center}.marquee-txt h2{font-size:60px}.marquee-txt p{margin:40px 0;font-size:20px;color:gray}.marquee-container{max-width:80%;height:50%;margin:0 auto;padding:0 50px 50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.marquee-wrapper{margin-top:2rem;width:70%;max-width:1536px;margin-inline:auto;height:100px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}@keyframes scrollLeft{to{left:-200px}}@keyframes scrollRight{to{right:-200px}}.marquee-wrapper .itemLeft,.marquee-wrapper .itemRight{width:200px;height:100px;padding:10px;background-color:#fff;border-radius:6px;position:absolute;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite;display:flex;justify-content:center;align-items:center}.marquee-wrapper .itemLeft img,.marquee-wrapper .itemRight img{width:auto;height:100%}.marquee-wrapper .itemLeft{left:max(1600px,100%);animation-name:scrollLeft}.marquee-wrapper .itemRight{right:max(1600px,calc(100% + 200px));animation-name:scrollRight}.marquee-wrapper .item1{animation-delay:-26.25s}.marquee-wrapper .item2{animation-delay:-22.5s}.marquee-wrapper .item3{animation-delay:-18.75s}.marquee-wrapper .item4{animation-delay:-15s}.marquee-wrapper .item5{animation-delay:-11.25s}.marquee-wrapper .item6{animation-delay:-7.5s}.marquee-wrapper .item7{animation-delay:-3.75s}.marquee-wrapper .item8{animation-delay:-0s}@media (max-width: 1024px){.marquee-wrapper{width:90%;height:80px}.marquee-wrapper .itemLeft,.marquee-wrapper .itemRight{width:150px;height:75px;padding:8px}.marquee-wrapper .itemLeft{left:max(1200px,100%)}.marquee-wrapper .itemRight{right:max(1200px,calc(100% + 200px))}}@media (max-width: 738px){.marquee-txt h2{font-size:30px}.marquee-txt p{margin:15px 0;font-size:var(--font-medium)}.marquee-container{padding:0 10px}.marquee-wrapper .itemLeft,.marquee-wrapper .itemRight{width:100px;height:50px;padding:5px}.marquee-wrapper{width:100%;height:50px}.marquee-wrapper .itemLeft{left:max(800px,100%)}.marquee-wrapper .itemRight{right:max(800px,calc(100% + 200px))}}.parallax{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.parallax h2{font-size:100px}.stars{background-image:url(/stars.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute}.planets{background-image:url(/planets.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute}.mountains{background-image:url(/mountains.png);background-size:cover;background-position:bottom;width:100%;height:100%;position:absolute}@media (max-width: 738px){.parallax h2{font-size:60px;text-align:center}.mountains,.planets{background-size:contain;background-repeat:no-repeat}}.projects{position:relative;background-color:var(--color-dark)}.projects .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:var(--color-blue);font-size:40px}.projects .progress .progressBar{height:10px;margin-top:8px;background-color:#fff}.pContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;overflow:hidden}.pWrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px}.pImgContainer{flex:1;height:50%}.pContainer img{width:100%;height:100%;border-radius:20px;object-fit:cover}.pTextContainer{flex:1;display:flex;flex-direction:column;gap:30px}.pContainer h3{color:var(--text-color-default);font-size:72px}.pContainer p{color:gray;font-size:20px}.btn-wrapper{display:flex;align-items:center;justify-content:start;text-align:center;gap:20px}.pBtn{background-color:var(--color-blue);border-radius:10px;border:none;width:150px;padding:10px 20px;cursor:pointer;transition:all ease-in-out .3s;color:var(--color-dark);font-size:var(--font-medium);font-weight:700;z-index:1}.demoBtn{background-color:var(--color-blue)}.demoBtn:hover{background-color:#1c7284}.sourceCodeBtn{background-color:#bcbcbc}.sourceCodeBtn:hover{background-color:#5d6367}@media (max-width: 1366px){.pContainer{padding:0 15px}}@media (max-width: 738px){.projects .progress{padding-top:calc(100vh - 50px)}.projects .progress h2{display:none}.pWrapper{flex-direction:column}.pImgContainer{width:100%;max-height:300px;padding:25px 10px 0}.pContainer img{object-fit:contain;margin-top:10px}.pTextContainer{transform:none!important;padding:0 10px 80px;align-items:center;text-align:center}.pContainer h3{font-size:30px}.pContainer p{font-size:var(--font-medium)}.btn-wrapper{justify-content:center}.pBtn{width:120px;padding:10px;font-size:var(--font-small);font-weight:500}}.contact{padding:80px 0}.contact-bg{background:linear-gradient(90.21deg,#aa367ccc -5.91%,#4a2fbdcc 111.58%);height:100%;display:flex;align-items:center}.cContainer{max-width:1200px;margin:0 auto;padding:0 30px}.contact-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}.contact-image{flex:1}.contact-image img{width:80%;border-radius:50%}.contact-form{flex:1;position:relative}.contact-form h2{font-size:45px;font-weight:700;margin-bottom:30px;color:#fff}.contact-form input,.contact-form textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.5);border-radius:20px;color:#fff;margin-bottom:8px;padding:18px 26px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact-form input:focus,.contact-form textarea:focus{background:#fff;color:#121212}.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:13px;font-weight:500;color:#fff}.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{color:#121212;opacity:.8}.input-group{display:flex;gap:8px}.input-group input{flex:1}.contact-form button{font-weight:700;color:#000;background-color:#fff;padding:16px 48px;font-size:18px;margin-top:25px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:.3s ease-in-out}.contact-form button span{position:relative;z-index:1}.contact-form button:hover{color:#fff}.contact-form button:before{content:"";background:#121212;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out}.contact-form button:hover:before{width:100%}.status-wrapper{position:fixed;bottom:20px;right:20px;width:auto;max-width:400px;z-index:1000}.status-message{padding:15px;font-size:16px;font-weight:700;text-align:center;background-color:#fff;border-radius:8px}.status-message.success{background-color:#aeeca3;color:#123c0a;border:2px solid rgb(39,110,26)}.status-message.danger{background-color:#da8484;color:#450909;border:2px solid rgb(102,15,15)}@media (max-width: 738px){.contact{padding:0}.contact-bg{padding:70px 0 10px}.contact-wrapper{flex-direction:column;text-align:center;gap:unset}.input-group{flex-direction:column;gap:unset}.contact-image img{display:none}.contact-form{max-width:100%}.contact-form h2{font-size:30px}.contact-form button{margin-top:10px}}.footer{height:180px;padding-bottom:50px;background-color:var(--color-dark);display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-container{width:80%;max-width:1200px;margin:0 auto;padding:25px 15px 0;text-align:center;border-top:1px solid var(--color-dark-gray)}.fIconContainer{display:flex;justify-content:center;gap:13px}.footer p{font-weight:700;font-size:var(--font-medium);color:#b8b8b8;letter-spacing:.5px;margin-top:20px}@media (max-width: 738px){.footer-container{border:none}.footer p{font-weight:500;font-size:var(--font-small)}}