@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";:root{--bg-color: #f5fcff;--primary-color: #5e3bee;--secondary-color: #006b6a;--text-color: #1c1e53;--heading-color: #282938;--white-color: #ffffff;--box-shadow-color: rgba(0, 0, 0, .1);--basic-font-size: clamp(1rem, .8913rem + .5435vw, 1.3125rem);--title-font-size: clamp(1.75rem, .9674rem + 3.913vw, 4rem);--extra-samll-font-size: clamp(.875rem, .788rem + .4348vw, 1.025rem);--smooth-move: .3s ease-in-out;--gap:calc(3vw + 1rem)}[data-theme=dark]{--bg-color: #1a1625;--text-color: #ba9ffb;--heading-color: #fafafa;--white-color: #121212;--box-shadow-color: rgba(44, 32, 75, .801)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;text-decoration:none;list-style:none;scroll-behavior:smooth;font-family:Roboto,sans-serif}body{overflow-x:hidden;color:var(--text-color)}.normal-bg{background-color:var(--white-color)}h1,h2,h3,h4{color:var(--heading-color);font-weight:700}span{color:var(--primary-color)}h1{font-size:var(--title-font-size);line-height:120%}.title-small{font-size:clamp(1.25rem,.5109rem + 3.6957vw,3.375rem);color:var(--heading-color);line-height:100%}h2{font-size:clamp(1.5rem,1.0435rem + 2.2826vw,2.8125rem);line-height:120%}h3{font-size:clamp(1.05rem,.6891rem + 1.2vw,1.6rem);line-height:140%}h4{font-size:var(--basic-font-size);font-weight:500;line-height:150%;margin-bottom:.2em}p,a{font-size:var(--basic-font-size);font-weight:400;line-height:150%;color:var(--text-color)}p.small{line-height:130%}p.extra-small{font-size:var(--extra-samll-font-size);line-height:120%}.myskill svg{color:var(--secondary-color);width:30px;height:30px}.btn{font-size:var(--basic-font-size);font-weight:400;line-height:150%;text-align:center;padding:.7em .9em;border:1px solid var(--primary-color);border-radius:5.33px;transition:var(--smooth-move);cursor:pointer;z-index:3}.btn-primary{color:#fafafa;position:relative;z-index:3}.btn-primary:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:4px;background-color:var(--primary-color);height:100%;width:100%;transition:var(--smooth-move);z-index:-2}.btn-primary:hover:before{width:10%;height:30%;transform:rotate(25deg)}.btn-primary:hover{color:var(--text-color)}.btn-outline{background-color:transparent;color:var(--primary-color);position:relative}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--primary-color);width:10%;height:30%;transform:rotate(25deg);border-radius:4px;transition:var(--smooth-move);z-index:-2}.btn-outline:hover:before{width:100%;height:100%;transform:rotate(0)}.btn-outline:hover{color:var(--white-color)}.flex-col{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.container{width:min(90%,1400px);margin-inline:auto}.section-padding-1{padding:100px 0}.section-padding-2{padding:110px 0}.section-padding-3{padding:50px 0}.toggler{opacity:0;position:absolute}.toggler-label{background-color:var(--heading-color);width:50px;height:26px;border-radius:50px;position:relative;padding:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.moon,.sun{text-align:center;color:var(--primary-color)}.toggler-label .ball{background-color:var(--bg-color);width:22px;height:22px;position:absolute;left:2px;top:2px;border-radius:50%;transition:transform .2s linear}.toggler:checked+.toggler-label .ball{transform:translate(24px)}@media screen and (max-width: 990px){.section-padding-1{padding:60px 0}.section-padding-2{padding:70px 0}.section-padding-3{padding:20px 0}}@media screen and (max-width: 550px){.section-padding-1{padding:40px 0}.section-padding-2{padding:50px 0}}.nav-con{position:sticky;top:0;background-color:var(--bg-color);padding:30px 0;opacity:.9;box-shadow:0 5.3px 80px #0000001a;z-index:999}.navbar{justify-content:space-between}.logo{gap:10px}.logo .logo-icon{width:60px}.logo .logo-text{width:180px}.navbar .links li{padding:0 30px}.navbar .links li a{position:relative}.navbar .links li a:before{content:"";position:absolute;bottom:0;left:0;background-color:var(--primary-color);width:0%;height:2px;transition:.3s ease-in-out}.navbar .links li a:hover:before,.navbar .links li a.active:before{width:100%}.navbar .links li a:hover,.navbar .links li a.active{color:var(--primary-color)}.menu,.close{cursor:pointer;display:none;color:var(--text-color)}.menu{width:30px;height:30px}.close{width:20px;height:20px}@media screen and (max-width: 1176px){.logo .logo-text{display:none}.navbar .links li{padding:0 15px}}@media screen and (max-width: 790px){.menu{display:block}.navbar .links{flex-direction:column;justify-content:flex-start;gap:10px;position:fixed;right:0;top:0;background-color:var(--bg-color);height:100vh;width:50%;padding-top:10vh;box-shadow:0 5.3px 80px #0000001a;transform:translate(100%);transition:.3s ease-in-out}.navbar .links li{padding:1.1rem}.close{position:absolute;top:10vw;right:8vw;display:block;z-index:99}}@media screen and (max-width: 220px){.navbar .cta{display:none}}.header{background-color:var(--bg-color)}.header-container{justify-content:space-between;flex-wrap:wrap}.header-left{flex:1;align-items:flex-start;gap:calc(1vw + .4rem)}.header-left h4{margin-bottom:0}.header-left .objective{width:75%;margin-bottom:40px}.header-left a{margin-top:20px}.header-right{flex:1}.header-right img{width:min(658px,100%)}.resume{display:flex;gap:10px}.reach-me-home{display:flex;gap:20px;align-items:center}.reach-me-home p{display:flex;align-items:center;gap:8px}@media screen and (max-width: 950px){.header-container{flex-direction:column}.header-left{width:90%;margin-inline:auto;align-items:center;text-align:center}.header-left .objective,.header-right,.header-right img{width:100%}.header-right img{margin-top:7vw}.reach-me-home{justify-content:center}.reach-me-home p{text-align:center}}@media screen and (max-width: 396px){.resume{flex-direction:column;gap:8px}.reach-me-home{flex-direction:column}.header-left .objective{margin-bottom:20px}.header-left a{margin-top:10px}}.myskill,.myskill .title{justify-content:space-between;align-items:flex-start}.myskill{gap:var(--gap)}.small{width:100%}.small h4{margin-bottom:10px}.skills-con{width:100%;align-items:stretch;flex-wrap:wrap;gap:calc(2vw + .3rem)}.small .skill-card{flex-basis:120px}.skill-card{position:relative;flex:1;flex-basis:210px;align-items:flex-start;justify-content:space-between;gap:.7em;background-color:var(--bg-color);border-radius:10px;padding:1.5em;box-shadow:0 3px var(--primary-color)}.skill-card .img{align-self:flex-start;background-color:var(--white-color);padding:8px;border-radius:10px;box-shadow:0 0 16px 0 var(--box-shadow-color)}.skill-card img{width:3em}.small .skill-card img{width:2em}.progress-container{width:100%;border-radius:10px;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset;transition:var(--smooth-move)}.progress-bar{position:relative;height:10px;background-color:#5f3bee5c;border-radius:10px}.progress-bar:before{position:absolute;content:"";height:100%;width:0%;background-color:#6e49ff;border-radius:10px;transition:.4s ease-in-out}.skill-card:hover .progress-bar:before{width:100%}.tooltip{position:absolute;top:10px;right:10px;background-color:var(--primary-color);color:#fff;padding:5px;border-radius:3px;opacity:0;transition:.5s ease}.skill-card:hover .tooltip{opacity:1}.about{gap:var(--gap)}.about__content{flex:1}.about__content p{margin-top:1.2em}.about__img{flex:1;width:100%}.about .about__img img{max-width:90%}.about__content li{padding-top:1em}.cta-about{margin-top:40px;display:flex;gap:15px}.more-about{display:flex;gap:10px;align-items:center}@media screen and (max-width: 987px){.about{flex-direction:column-reverse}.about__img img{width:min(90%,420px)}}@media screen and (max-width: 390px){.cta-about{flex-direction:column}}.projects{display:flex;flex-direction:column;gap:var(--gap)}.projects .top{justify-content:space-between}.projects .top .title{align-items:flex-start}.projects .top a{padding-inline:.9em;border:1px solid var(--text-color);border-radius:5px}.projects .top a.btn-primary:before{background-color:var(--text-color)}.projects .top a:hover p{color:var(--text-color)}.projects .top img{width:50px;height:50px;margin-left:-.4em}.projects .top p{transition:var(--smooth-move);color:var(--white-color);text-align:center}.projects-con{display:flex;gap:calc(1vw + 1rem);flex-wrap:wrap}.recent.project-card{display:flex}.recent.project-card img{height:100%;width:45%}.projects-con .project-card{overflow:hidden;flex:1;flex-basis:320px;justify-self:start;border-radius:10px;box-shadow:0 5.3px 20px 0 var(--box-shadow-color);transition:var(--smooth-move)}.projects-con .project-card:hover{box-shadow:0 0 9px 0 var(--box-shadow-color)}.project-card img{object-fit:cover;object-position:top;width:100%}.project-card .content{padding:2em;display:flex;flex-direction:column;align-items:flex-start;gap:.6em}.project-card .languages-con{display:flex;flex-wrap:wrap;gap:1rem;margin-top:20px}.project-card .languages-con .language-badge{background-color:var(--bg-color);color:var(--text-color);padding:.5rem;border-radius:8px;font-size:13px;box-shadow:#0000003d 0 3px 8px;font-weight:500}.project-card .view-con{display:flex;flex-wrap:wrap;gap:25px}.project-card .content a{font-size:15px;margin-top:1em;gap:10px;border-bottom:2px solid var(--text-color);transition:var(--smooth-move)}.project-card .content a:hover{border-bottom-color:var(--primary-color);color:var(--primary-color)}.project-card .content a:hover img{transform:translateY(-5px)}.project-card .content a img{transition:var(--smooth-move);width:12px;height:12px}.more-projects{align-self:center}.project-tab{width:min(530px,100%)}.project-tab ul{position:relative;overflow:hidden;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-color);box-shadow:0 5.3px 80px #0000001a;border:1px solid var(--primary-color);border-radius:8px}.project-tab ul li{text-align:center;width:25%;padding:10px 30px;font-size:var(--basic-font-size);cursor:pointer;z-index:4;color:var(--text-color)}.tab-mover{position:absolute;height:100%;width:25%;background-color:var(--primary-color);transition:all .3s ease-in-out}.project-tab ul li.active{transition:all .3s ease-in-out;color:#fff}@media screen and (max-width: 1200px){.recent.project-card{flex-direction:column}.recent.project-card img{width:100%;height:250px}}@media screen and (max-width: 890px){.project-card img,.recent.project-card img{width:100%;height:200px}.projects-con .project-card:last-child{max-width:350px}}@media screen and (max-width: 590px){.recent.project-card img,.project-card img{height:300px}.projects-con .project-card:last-child{max-width:100%}.project-tab ul li{padding:10px}}@media screen and (max-width: 376px){.recent.project-card img,.project-card img{height:220px}.projects .top{flex-direction:column;align-items:flex-start;gap:3vw}.project-tab ul li{font-size:12px}}.education .edu p{margin-top:8px}.testimonial{background-color:var(--bg-color)}.testimonial-container{align-items:flex-start;justify-content:space-between;gap:var(--gap)}.testimonial .cards{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:calc(1.5vw + .5rem)}.testimonial .cards .card{flex:1;border:1px solid var(--secondary-color);border-radius:5.3px;padding:calc(1.5vw + .8rem);align-items:flex-start;justify-content:space-between;gap:calc(1.4vw + .6rem)}.testimonial .cards .card .stars{align-self:flex-start;height:23px}.testimonial .cards .card .customer{justify-content:start;gap:.9rem}.testimonial .cards .card .customer img{width:54px;height:54px}.contact{gap:2em}.contact .title{text-align:center}.contact .title h2{text-align:center;margin-bottom:.5em}.contact .title p{margin:0 auto;width:80%}.reach-me p{margin-top:10px;display:flex;align-items:center;gap:17px}.contact .form{width:60%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2em;justify-content:center;align-content:center}.contact .form .field{display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:var(--heading-color)}.contact .form .field:nth-child(5),.contact .form .field:nth-child(6),.contact .form .field:nth-child(7){grid-column:1 / -1}.contact .form .field:nth-child(7){justify-self:start;display:flex;flex-direction:row;justify-content:center;align-items:center}.contact .form input[type=submit]{grid-column:span 2;justify-self:center}.contact .form .field input:not([type=checkbox]),.contact .form .field textarea,.contact .form .field select{width:100%;padding:16px;font-size:var(--basic-font-size);border:2.33px solid rgba(94,59,237,.5);border-radius:8px;background-color:var(--white-color);transition:var(--smooth-move);color:var(--heading-color)}.contact .form .field input:focus,.contact .form .field textarea:focus{border:2.33px solid rgba(94,59,237,1);transform:scale(1.01)}.contact .form .field textarea{min-height:240px;resize:none;font-size:20px}.contact .form .field select{cursor:pointer;width:100%}.select-input{position:relative;width:100%}.select-input:before{position:absolute;content:"▼";right:25px;top:19px;font-size:18px;color:var(--heading-color);transition:transform .3s}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none}.contact .form .field select option{width:100%;font-size:17px}.contact .form input[type=Submit]{background-color:var(--primary-color);color:var(--white-color);padding:.7em 1.6em;border-radius:5.33px;cursor:pointer;font-size:var(--basic-font-size);transition:var(--smooth-move)}.contact .form input[type=submit]:hover{background-color:#5e3bedcc}@media screen and (max-width: 960px){.contact .form{width:80%}}@media screen and (max-width: 590px){.contact .form{width:95%}}@media screen and (max-width: 450px){.contact .form .field:nth-child(1),.contact .form .field:nth-child(2),.contact .form .field:nth-child(3),.contact .form .field:nth-child(4),.contact .form .field:nth-child(5){grid-column:1 / -1}}.footer{background-color:var(--bg-color)}.footer-con{display:flex;flex-direction:column;gap:calc(2vw + 1.2em);flex-wrap:wrap}.above-footer{justify-content:space-between}.above-footer .logo{gap:8px}.above-footer .links{flex-wrap:wrap}.above-footer .links li{padding:0 15px}.above-footer .links li a{font-size:var(--extra-samll-font-size)}.social{gap:calc(1.2vw + .2rem)}.social svg{width:33px;height:33px;cursor:pointer;fill:var(--text-color)}.below-footer{justify-content:space-between;flex-wrap:wrap}.below-footer p,.below-footer .links p{color:var(--heading-color);font-size:var(--extra-samll-font-size)}.below-footer .links{gap:1.8em;flex-wrap:wrap}.line{background-color:#2829388c;height:1.33px;width:100%}@media screen and (max-width: 960px){.above-footer .links{gap:calc(2vw + .3rem)}}@media screen and (max-width: 590px){.above-footer{flex-direction:column;gap:calc(2vw + 1rem)}.above-footer .links{flex-direction:column}.below-footer{flex-direction:column-reverse;gap:calc(2vw + 1rem)}}