@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&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:#fff}.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)}.Hero{display:block}.header{display:none}@media screen and (max-width: 990px){.Hero{display:none}.header{display:block}.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{background-image:url(/assets/blur-background-dbec9ec0.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:sticky;top:0;background-color:var(--bg-color);padding:10px 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:50px}.logo .logo-text{width:170px}.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:350px;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{background-color:var(--bg-color)}.about-con{gap:var(--gap)}.about__content{flex:1}.about__content p{margin-top:1.2em}.about__content p span{color:var(--secondary-color)}.about__img{flex:1;width:100%}.about-con .about__img img{max-width:100%;border-radius:20px}.about__content li{padding-top:1em}.cta-about{margin-top:40px;display:flex;gap:15px}.cta-about .btn.btn-primary,.cta-about .btn.btn-outline{border-color:var(--secondary-color)}.cta-about .btn.btn.btn-primary:before,.cta-about .btn.btn-outline:before{background-color:var(--secondary-color)}.cta-about .btn.btn-primary:hover,.cta-about .btn.btn-outline{color:var(--secondary-color)}.cta-about .btn.btn-outline:hover{color:#fff}.more-about{display:flex;gap:10px;align-items:center}@media screen and (max-width: 987px){.about-con{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 .title p{margin-top:10px}.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 .git_btn 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;max-width:430px;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}.description.content{padding:0!important}.project-tab{width:min(580px,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:20%;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:21%;flex:1;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}.education{background-color:var(--bg-color)}.education-container{align-items:flex-start;justify-content:space-between;gap:var(--gap)}.education .cards{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:calc(1.5vw + .5rem)}.education .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)}.education .cards .card .stars{align-self:flex-start;height:23px}.education .cards .card .education{justify-content:start;gap:.9rem}.education .cards .card .education img{justify-content:start;width:54px;height:54px;border-radius:8px}.education .cards .card .education.flex-row{align-items:flex-start}.education .cards .card .education .education-info h4{font-size:var(--extra-samll-font-size)}.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)}}.Hero{width:100%;background-color:var(--bg-color)}.hero-con{background-image:url(/assets/blur-background-dbec9ec0.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:91vh;display:flex;justify-content:center;align-items:center;position:relative}.mid-con{position:relative;width:100%;display:flex;justify-content:center}.hero-title span>div,.hero-small-title,h4.software,h4.frontend{font-family:Bebas Neue,sans-serif!important;font-weight:400;font-style:normal;color:var(--heading-color)}.hero-small-title{position:absolute;top:7%;letter-spacing:20px;z-index:11}.hero-title{position:absolute;top:5%;font-size:300px;letter-spacing:-9px;z-index:11}.split-char{display:inline-block;will-change:transform,opacity}.hero-img{width:435px;z-index:22;bottom:0;position:sticky}.arrow{position:absolute;width:200px;left:28%;top:55%;color:var(--heading-color)}.software,.frontend{position:absolute;color:#f4f1ef;width:100px;line-height:20px;font-size:25px}.software{left:27%;top:70%}.frontend{right:28%;top:70%}.shadow{position:absolute;bottom:0;width:100%;z-index:33}.text-box{position:absolute;bottom:10px;width:900px;z-index:44}.pillars{position:absolute;width:100%}.Hero .flex-col{gap:20px;position:relative}.Hero .flex-col .objective{display:flex;justify-content:center;max-width:700px;margin-bottom:20px}.Hero .flex-col p{text-align:center}.Hero .flex-col .reach-me-home{justify-content:center}.shadow.bottom{width:100%;top:0;z-index:-33;transform:scaleY(-1)}.experience .title{margin-bottom:40px}.experience .title h4,.experience .title h2{text-align:center}.exp-title{font-size:var(--title-font-size);font-weight:700;text-align:center;margin-bottom:60px;letter-spacing:1px;color:var(--heading-color)}.timeline{position:relative;margin:0 auto;padding:20px 0;width:90%}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:var(--text-color);box-shadow:0 0 10px var(--box-shadow-color);border-radius:8px}.exp-item{width:50%;padding:30px;margin:30px 0;position:relative;background:var(--white-color);border-radius:16px;box-shadow:0 4px 20px var(--box-shadow-color);transition:transform var(--smooth-move)}.exp-item:hover{transform:translateY(-5px)}.exp-item:nth-child(odd){left:-30px;transform-origin:left}.exp-item:nth-child(2n){left:50%;transform-origin:right;margin-left:30px}.exp-item:before{content:"";position:absolute;top:32px;width:18px;height:18px;background:var(--secondary-color);border-radius:50%;box-shadow:0 0 10px var(--box-shadow-color)}.exp-item:nth-child(odd):before{right:-39px}.exp-item:nth-child(2n):before{left:-39px}.exp-date{font-size:var(--extra-small-font-size);font-weight:500;margin-bottom:8px;color:var(--secondary-color)}.exp-role{font-size:var(--basic-font-size);font-weight:700;margin-bottom:4px;color:var(--heading-color)}.exp-company{font-size:calc(var(--basic-font-size) - 2px);font-style:italic;margin-bottom:10px;color:var(--text-color);opacity:.8}.exp-details{padding-left:20px;margin:0;color:var(--text-color)}.exp-details li{margin-bottom:10px;line-height:1.6;list-style:square}@media (max-width: 768px){.exp-item,.exp-item:nth-child(2n),.exp-item:nth-child(odd){width:90%;left:30px!important}.timeline:before{left:10px;transform:none}.exp-item:before{left:-27px!important;right:auto!important}.exp-item:nth-child(2n){margin-left:0}}