@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins;--hover-color: rgb(79, 79, 255)}html{font-size:62.5%;scroll-behavior:smooth}header{display:flex;justify-content:space-between;font-size:1.7rem;align-items:center;background:#fff;height:auto;box-shadow:0 0 10px #00000017;padding:25px 40px 25px 50px;position:fixed;width:100%;z-index:300}header .logo{color:#2d2e32;cursor:pointer}header .nav-menu{display:flex;gap:2rem;list-style:none}header .nav-menu .nav-item{font-weight:600;cursor:pointer}header .nav-menu .nav-item:hover{color:#147efb;transition:all .23s}header .nav-menu .nav-item .active{color:#147efb}header .nav-btn{display:none;cursor:pointer;background:transparent;border:none;outline:none;color:#000;visibility:hidden;opacity:0;font-size:2.3rem}@media only screen and (max-width: 900px){header .mobile-nav{position:fixed;top:-100vh;left:0;height:100%;width:100%;font-size:2.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;transition:.6s}header .mobile-nav .nav-close-btn{position:absolute;top:2rem;right:3.6rem;font-size:3rem;cursor:pointer}header .mobile-nav .nav-close-btn:hover{color:#4f4fff;transition:all .3s ease-in-out}header .mobile-nav ul{display:flex;flex-direction:column;align-items:center;font-size:2.3rem;gap:4rem;list-style:none}header .nav-btn{display:block;visibility:visible;opacity:1}header .nav-btn:hover{color:#4f4fff;transition:all .3s ease-in-out}header .responsive_nav{transform:translateY(100vh)}}.hero{background-color:#f9f9f9;display:flex;flex-direction:column;height:100vh;min-height:800px;position:relative;width:100%}.hero .container{margin:0 auto;max-width:107rem;padding:0 4rem}.hero .container .content{align-items:center;display:flex;gap:10rem;height:65rem;justify-content:center;position:relative}.hero .container .content .hero-main{align-items:center;display:flex;gap:10rem;justify-content:center;position:relative}.hero .container .content .hero-main .hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero .container .content .hero-main .hero-text h1{color:#2d2e32;font-size:5.5rem;line-height:1.2;margin-bottom:2rem;margin-top:2rem}.hero .container .content .hero-main .hero-text img{position:absolute;right:13rem;top:8.7rem;width:6rem}.hero .container .content .hero-main .hero-text p{color:#767676;font-family:Mulish,sans-serif;font-size:1.8rem;font-weight:500;line-height:1.6}.hero .container .content .hero-main .hero-text span{cursor:pointer;display:flex;gap:1.3rem;margin:2.5rem 0}.hero .container .content .hero-main .hero-text span a{color:#2d2e32;font-size:3rem}.hero .container .content .hero-main .hero-text span a:hover{color:#147efb;transition:all .2s}.hero .container .content .hero-main .hero-img{animation:morph 8s ease-in-out infinite;background-image:url(/assets/main-ds-e829fba5.jpg);background-position:50%;background-repeat:no-repeat;background-size:90%;mix-blend-mode:darken;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:35rem;position:relative;transition:all 1s ease-in-out;width:35rem}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.hero .container .content .skills{align-items:center;bottom:0;color:#767676;display:flex;font-size:1.7rem;left:0;position:absolute}.hero .container .content .skills p{border-right:2px solid rgba(45,46,50,.5);color:#2d2e32;font-family:Mulish,sans-serif;font-weight:600;margin-right:7rem;padding-right:2rem}.hero .container .content .skills .logos ul{display:flex;flex-wrap:wrap;gap:2.5rem;list-style:none}.hero .container .content .skills .logos ul li{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #00000017;cursor:pointer;display:flex;height:6.5rem;justify-content:center;width:6.5rem;transition:.3s ease-in-out}.hero .container .content .skills .logos ul li img{height:auto;width:3.4rem}.hero .container .content .skills .logos ul li:hover{transform:translateY(-20px)}@media (max-width: 900px){.hero{height:auto;padding:11rem 0}.hero .container .content{flex-direction:column;gap:3rem;height:auto;text-align:center}.hero .container .content .hero-main{flex-direction:column-reverse;gap:3rem;height:auto;text-align:center}.hero .container .content .hero-main .hero-text img{right:3rem}.hero .container .content .hero-main .hero-text p{margin-bottom:5rem}.hero .container .content .hero-main .hero-text span{gap:5rem;justify-content:center;margin-bottom:4rem;margin-top:-2rem}.hero .container .content .hero-main .hero-text span a{font-size:6rem}.hero .container .content .skills{flex-direction:column;position:static}.hero .container .content .skills p{border-bottom:2px solid rgba(45,46,50,.5);border-right:none;margin-bottom:3rem;margin-right:0;padding-bottom:1rem;padding-right:0}.hero .container .content .skills .logos ul{justify-content:center}}@media (max-width: 500px){.hero .container{padding:0 1.7rem}.hero .container .content .hero-main .hero-text h1{font-size:4rem}.hero .container .content .hero-main .hero-text img{right:4rem;top:6.4rem;width:4.5rem}.hero .container .content .hero-main .hero-img{height:28rem;width:28rem}}@media (max-width: 400px){.hero .container .content .hero-main .hero-text img{right:3rem}}@media (max-width: 375px){.hero .container .content .hero-main .hero-text img{right:1.7rem}}.about{background-color:#fff;padding:15rem 0}.about .container{margin:0 auto;max-width:107rem;padding:0 4rem}.about .container .about-content{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.about .container .about-content .img-side{position:relative}.about .container .about-content .img-side .work-emoji{bottom:35px;position:absolute;right:98px;width:6rem!important;z-index:10}.about .container .about-content .img-side .img-side__main-img{border-radius:1.7rem;height:35rem;width:41rem}.about .container .about-content .img-side span{background-color:#fff;border-radius:50%;bottom:-33px;height:19rem;position:absolute;right:33px;width:19rem}.about .container .about-content .img-side span img{animation:rotate 9s linear infinite;width:19rem}@keyframes rotate{to{transform:rotate(1turn)}}.about .container .about-content .text-side{padding-right:1.5rem}.about .container .about-content .text-side h4{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.about .container .about-content .text-side h3{color:#2d2e32;font-family:Poppins,sans-serif;font-size:2.5rem;line-height:1.4;margin-bottom:2rem}.about .container .about-content .text-side p{color:#767676;font-family:Mulish,sans-serif;font-size:1.7rem;font-weight:500;line-height:1.5;text-align:justify}@media (max-width: 1020px){.about{padding:8rem 0}.about .container .about-content{grid-template-columns:1fr;text-align:center}.about .container .about-content .img-side .work-emoji{bottom:25px;right:80px}.about .container .about-content .img-side .img-side__main-img{border-radius:1.7rem;height:35rem;width:41rem}.about .container .about-content .img-side span{width:17rem}.about .container .about-content .text-side{margin:0 auto;max-width:54rem}}@media (max-width: 880px){.about .container .about-content .img-side .work-emoji{bottom:57px;right:148px}.about .container .about-content .img-side span{bottom:-3px;right:100px}}@media (max-width: 750px){.about .container .about-content .img-side .work-emoji,.about .container .about-content .img-side span{display:none}}@media (max-width: 460px){.about .container{padding:0 1.7rem}.about .container .about-content .img-side .img-side__main-img{height:auto;width:90%}.about .container .about-content .text-side p{padding:0 1rem}}.projects{background-color:#f9f9f9;padding:15rem 0}.projects .container{margin:0 auto;max-width:107rem;padding:0 4rem}.projects .container .project-content{display:flex;flex-direction:column}.projects .container .project-content p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.projects .container .project-content h3{color:#2d2e32;font-size:2.5rem;margin-bottom:6rem}.projects .container .project-content .projects-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:100%}.projects .container .project-content .projects-grid .project_card{background-color:#fff;border-radius:1.7rem;box-shadow:0 0 10px #0000001a;display:flex}.projects .container .project-content .projects-grid .project_card .project-img{background-color:#75757533;border-radius:1.7rem;box-shadow:0 0 10px #0000001a;height:auto;overflow:hidden;width:53rem}.projects .container .project-content .projects-grid .project_card .project-img a{text-decoration:none}.projects .container .project-content .projects-grid .project_card .project-img a img{height:auto;width:100%;transform:translateY(0);transition:transform 10s ease-in-out 0s}.projects .container .project-content .projects-grid .project_card .project-img a .img-hover-1:hover{transform:translateY(-88%)}.projects .container .project-content .projects-grid .project_card .project-img a .img-hover-2:hover{transform:translateY(-85%)}.projects .container .project-content .projects-grid .project_card .project-img a .img-hover-3:hover,.projects .container .project-content .projects-grid .project_card .project-img a .img-hover-4:hover{transform:translateY(0)}.projects .container .project-content .projects-grid .type__1{flex-direction:row;gap:8rem;height:40rem;padding:2rem}.projects .container .project-content .projects-grid .reversed{flex-direction:row-reverse}.projects .container .project-content .projects-grid .project-text{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center;width:30rem}.projects .container .project-content .projects-grid .project-text h3{color:#2d2e32;font-size:1.7rem;margin-bottom:2rem;position:relative;text-transform:uppercase}.projects .container .project-content .projects-grid .project-text p{color:#767676;font-size:1.7rem;font-weight:500;text-align:center;text-transform:none}.projects .container .project-content .projects-grid .project-text .stack{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.projects .container .project-content .projects-grid .project-text .stack p{background-color:#fff;box-shadow:0 0 10px #0000001a;color:#000;font-family:Mulish,sans-serif;font-weight:600;padding:1rem 1.3rem}.projects .container .project-content .projects-grid .project-text .links{display:flex;align-items:center;gap:1rem;justify-content:space-evenly;margin-top:3rem}.projects .container .project-content .projects-grid .project-text .links a{display:flex;align-items:center;color:#2d2e32;font-size:1.7rem;font-weight:500;gap:5px;text-decoration:none}.projects .container .project-content .projects-grid .project-text .links a .icon{font-size:2.5rem}.projects .container .project-content .projects-grid .project-text .links a:hover{color:#147efb}@media (max-width: 1020px){.projects{padding:8rem 0}.projects .container .project-content .projects-grid .project_card{flex-direction:column;gap:3rem;height:75rem;margin:0 auto;width:fit-content}.projects .container .project-content .projects-grid .project_card .project-text{margin:0 auto}}@media (max-width: 650px){.projects .container .project-content .projects-grid .project_card,.projects .container .project-content .projects-grid .project_card .project-img{width:100%}}@media (max-width: 600px){.projects .container .project-content{text-align:center}}@media (max-width: 460px){.projects .container{padding:0 1.7rem}}@media (max-width: 460px){.projects .container .project-content .projects-grid .type__1{width:100%}}@media (max-width: 400px){.projects .container .project-content .projects-grid .project_card .project-text{width:100%}}.glow-text{background-color:#262626;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.glow-text ul{margin:0;padding:0;display:flex}.glow-text ul li{list-style:none;font-family:arial;font-size:3em;letter-spacing:15px;text-shadow:none;animation:animate 1s infinite linear}.glow-text ul li:nth-child(1){animation-delay:.4s}.glow-text ul li:nth-child(2){animation-delay:.6s}.glow-text ul li:nth-child(3){animation-delay:.8s}.glow-text ul li:nth-child(4){animation-delay:1s}.glow-text ul li:nth-child(5){animation-delay:1.2s}.glow-text ul li:nth-child(6){animation-delay:1.4s}@media (max-width: 1020px){.glow-text{height:450px}}@keyframes animate{0%{color:#484848;text-shadow:none}18%{color:#484848;text-shadow:none}20%{color:#fff900;text-shadow:0 0 7px #fff900,0 0 20px #ff6c00}30%{color:#484848;text-shadow:none}35%{color:#fff900;text-shadow:0 0 7px #fff900,0 0 20px #ff6c00}70%{color:#484848;text-shadow:none}85%{color:#fff900;text-shadow:0 0 7px #fff900,0 0 20px #ff6c00}90%{color:#484848;text-shadow:none}to{color:#484848;text-shadow:none}}.contact{background-color:#fff;padding:11rem 0}.contact .container{margin:0 auto;max-width:107rem;padding:0 4rem}.contact .container .contact-content{display:flex;flex-direction:column}.contact .container .contact-content .contact-title p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.contact .container .contact-content .contact-title h3{color:#2d2e32;font-size:2.5rem}.contact .container .contact-content .contact-icons{display:flex;flex-wrap:wrap;gap:8rem;margin-top:6rem}.contact .container .contact-content .contact-icons .contact-icon_box{align-items:center;display:flex;gap:1.5rem}.contact .container .contact-content .contact-icons .contact-icon_box span{background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;padding:2.3rem}.contact .container .contact-content .contact-icons .contact-icon_box span .icon{color:#147efb;font-size:3rem}.contact .container .contact-content .contact-icons .contact-icon_box .contact-info{display:flex;flex-direction:column;gap:.5rem}.contact .container .contact-content .contact-icons .contact-icon_box .contact-info h3{color:#2d2e32;font-size:1.7rem}.contact .container .contact-content .contact-icons .contact-icon_box .contact-info p,.contact .container .contact-content .contact-icons .contact-icon_box .contact-info a{color:#767676;cursor:pointer;font-size:1.7rem;text-decoration:none}@media (max-width: 1020px){.contact{padding:8rem 0}}@media (max-width: 750px){.contact .container .contact-content .contact-title{text-align:center}.contact .container .contact-content .contact-icons{flex-direction:column;gap:5rem;justify-content:center;text-align:center}.contact .container .contact-content .contact-icons .contact-icon_box{flex-direction:column}}@media (max-width: 460px){.contact{padding:8rem 0}.contact .container{padding:0 1.7rem}}form{padding:2rem;box-shadow:0 0 10px #0000001a;background-color:#fff;border-radius:1.7rem;margin-top:6rem;display:flex;flex-direction:column;justify-content:center;align-items:center}form .inputBox{width:50%;margin-top:2rem}form .inputBox input{width:100%;padding:1.5rem;border:4px solid #fff;box-shadow:0 0 10px #0000001a;background-color:#fff;border-radius:5px;color:#2d2e32;font-size:2rem;outline:none;transition:.5s}form .inputBox input:focus{color:#147efb;box-shadow:0 0 10px #c1bff5;padding:1.5rem;background:#fff;letter-spacing:.2rem;border:4px solid #147efb}form .inputBox input:valid{box-shadow:0 0 10px #baf4ba;border:4px solid #8bc34a}form .inputBox textarea{min-width:100%;max-width:100%;min-height:20rem;max-height:20rem;padding:2rem;border:4px solid #fff;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:5px;outline:none;color:#2d2e32;font-size:2em;transition:.5s}form .inputBox textarea:focus{color:#147efb;box-shadow:0 0 10px #c1bff5;font-size:2rem;padding:1.5rem;background:#fff;letter-spacing:.2rem;border:4px solid #147efb}form .inputBox textarea:valid{box-shadow:0 0 10px #baf4ba;border:4px solid #8bc34a}@media (max-width: 760px){form .inputBox{width:90%;transition:.5s}}@media (max-width: 550px){form .inputBox{width:100%;transition:.5s}}div .btn{width:25rem;color:#fff;height:50px;background:#03a9f4;border:0;border-radius:24px;transition:all .33s ease-in-out;display:inline-block;box-sizing:border-box;margin-top:2rem}div .loading{height:50px;width:50px;font-size:40px}div .loading div{display:flex;align-items:center;justify-content:center;animation:spinner 1.2s linear infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div .success{display:flex;align-items:center;justify-content:center;height:50px;width:50px;background-color:#8bc34a;font-size:35px;transition:all .33s ease-in-out}div .fail{display:flex;align-items:center;justify-content:center;height:50px;width:50px;background-color:#ff5722;font-size:35px;transition:all .33s ease-in-out}div .submit{font-size:18px;cursor:pointer}div .submit:hover{background:#2196f3;box-shadow:0 0 10px #c1bff5}footer{background-color:#2d2e32;padding:5rem 0;width:100%}footer .container{margin:0 auto;max-width:107rem;padding:0 4rem}footer .container .content{align-items:center;display:flex;justify-content:space-between}footer .container .content h3{color:#fff;font-size:1.7rem}footer .container .content .socials{display:flex;gap:2rem}footer .container .content .socials a{color:#fff;font-size:2.3rem}footer .container .content .socials a:hover{color:#147efb;scale:1.25;transition:.4s}@media (max-width: 550px){footer .container .content{flex-wrap:wrap;gap:2rem;justify-content:center;text-align:center}}@media (max-width: 460px){footer .container{padding:0 1.7rem}}