@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";#root{padding:0;margin:0;font-family:Quicksand,sans-serif}.navbar{padding:.3rem 0;box-shadow:none;max-width:1440px;width:95%;margin:0 auto}.navbar-container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.main-icon img{width:80px;height:auto}.main-menu{display:flex;z-index:2;padding:0;margin:0;font-size:16px;transition:transform .4s ease-in-out}.main-menu li{padding:15px}.main-menu li a{font-weight:600;font-size:18px;color:#141c3a}.main-menu li:not(:nth-child(6)) a:hover{transition:all .2s ease-in-out;color:#6e07f3}.main-menu li:nth-child(6) a{color:#6e07f3;border:2px solid #6E07F3;border-radius:5px;padding:10px 20px}.main-menu li:nth-child(6):hover a{color:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#6e07f3}.menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:10px;position:relative;z-index:1000;transition:transform .4s ease-in-out}.menu-toggle.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0}.menu-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-toggle.open .bar:nth-child(4){transform:translateY(-6px) rotate(-45deg)}.menu-toggle.open .bar:nth-child(5){transform:translateY(-6px) rotate(-45deg)}.bar{width:25px;height:3px;margin:3px 0;transition:.4s;background-color:#141c3a}.menu-toggle:hover .bar{background-color:#6e07f3}@media(max-width:1000px){.main-menu{display:none}.menu-toggle{display:flex}.main-menu li:nth-child(6){padding:15px 15px 25px}.navbar.menu-open .main-menu{flex-direction:column;position:absolute;top:-14px;right:2px;width:50%;background-color:#fff;box-shadow:-5px 5px 20px #0000003d;animation:slideIn .4s ease-in-out}.navbar.menu-open .main-menu.open{display:flex}@keyframes slideIn{10%{transform:translate(100%)}to{transform:translate(0)}}}.header{background:linear-gradient(to right,#f5f5f5cc,#f5f5f5cc),url(/images/common-bg.svg)}.header-container{text-align:center;color:#141c3a;padding-top:1.5rem;margin:0 auto;max-width:1300px;width:90%}.header-title h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.header-subtitle h2{font-size:1.3rem;color:#0a0a0ae6;line-height:1.5;font-weight:500;word-break:break-word}.person img{max-width:110%;display:block}.person{--transform-speed: .45s;position:relative;max-width:15rem;margin-inline:auto}.person__container{aspect-ratio:1/1.3;display:grid;align-items:end;border-radius:0 0 100vw 100vw;overflow:hidden;transition:transform var(--transform-speed) ease}.person__circle{position:absolute;aspect-ratio:1/1;width:100%;inset:auto 0 0;border-radius:50%;margin-inline:auto;object-fit:cover;background-color:#6e07f3}.person__img{position:relative;z-index:2;left:-.2rem;top:-35px;transform:scale(1.4);transition:transform calc(var(--transform-speed) * 1.2)ease}.person__container:hover .person__img{transform:scale(1.4) translateY(-1rem)}.person__container:hover{transform:scale(1.1);transition:transform calc(var(--transform-speed) * 1.7)ease}.header-name{text-align:center;color:#072595;padding-top:1.5rem;margin:0 auto;max-width:1200px;width:90%}.header-name h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.devices__container{padding-top:4rem}.devices__container img{margin-bottom:-.35rem;max-width:900px;width:60%;height:auto}@media(max-width:480px){.header-title h1{font-size:2.5rem}}.aboutAndSkillsContainer{display:flex;flex-flow:row wrap;margin:2.5px auto 0;justify-content:space-between}.about__me__main{background-color:#6e07f3;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #6e07f3;margin:0 auto;color:#fff;width:50%;flex:1 0 0}.about__me{padding:5em 6em 1em 5em}.about__me h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;margin:0}.about__me h2{line-height:1.5;font-weight:400;font-size:1.25rem;padding:1rem 0;text-align:justify}.skills__main__container{background-color:#fff;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #5be9b9;margin:0 auto;width:100%;flex:1 0 0}.skills__container{padding:5em 6em 5em 4em}.skills__data h1{font-size:2rem;font-weight:700;color:#141c3a;margin:0}.icons-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:center;padding:2rem 0;max-width:560px;width:100%;margin:0 auto}.skills__logo{width:60px;height:60px}@media(max-width:768px){.about__me__main{flex:1 0 100%;text-align:center}.about__me{padding:5em 2em}.skills__main__container{margin:-70px auto 0;max-width:500px;width:90%;text-align:center;border-radius:10px}.skills__container{padding:2em 0 0}}@media(max-width:520px){.about__me{padding:5em 2em}.about__me h1{margin:0}.skills__main__container{margin:-70px auto 0;max-width:380px;width:90%;text-align:center;border-radius:10px}}.projects__main__container{max-width:1440px;margin:0 auto;padding:8em 0 10em;width:94%}.projects__main__container h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;margin:0;padding:0;color:#141c3a}.projects__main__container h2{font-size:1.5rem;font-weight:500;line-height:1.25;color:#141c3a}.projects{text-align:center}.projects__show__card{display:flex;flex-flow:row wrap;margin:0 auto;gap:2em;padding-top:3em}.project__card{flex:1 0 30%;background:radial-gradient(#111 50%,#000);overflow:hidden;position:relative;border-radius:15px;border:1px solid #5be9b9}.project__image{width:100%;height:255px;object-fit:cover}.project__details{position:absolute;left:0;bottom:0;padding:45px 0 20px;text-align:center;color:#fff;background:linear-gradient(#0000001a,#000c 20%,#000000e6);width:100%}@media(hover:hover){.project__card{transition:transform .5s ease-in-out}.project__card img{transform:scale(1.3);transition:transform .5s ease-in-out}.project__details>*:not(.project__title){opacity:0;transition:opacity .5s linear}.project__card:hover .project__details>*:not(.project__title),.project__card:focus-within .project__details>*:not(.project__title){opacity:1;transition-delay:.5s}.project__card:hover img,.project__card:focus-within img{transform:scale(1.1);opacity:.3}.project__card:hover .project__details,.project__card:focus-within .project__details{transform:translateY(20%);transition:transform .4s ease-in-out}.project__card:focus-within .project__details{transition-duration:0ms}.project__details{margin:0 auto;width:100%;transform:translateY(75%);transition:transform .5s ease-in-out;height:100%}}.project__title{font-weight:700;font-size:1.2em;margin:0;text-shadow:3px 1px 2px #000000,3px 4px 1px #000000;padding-bottom:10px;transition:all .8s ease-in-out;transition-delay:.3s}.project__description{font-weight:500;font-size:1.1em;padding-bottom:10px;width:90%;margin:0 auto;transition:all .3s ease-in-out;transition-delay:.4s}.project__languages{font-weight:400;font-size:.9em;padding-bottom:10px;transition:all .3s ease-in-out;transition-delay:.7s}.project__link{border:2px solid #6E07F3;border-radius:25px;padding:7px 30px;color:#fff;font-weight:600;font-size:1.1em;display:inline-block;transition:all .3s ease-out;cursor:pointer;margin-top:6%}.project__link:hover,.project__link:focus{background-color:#6e07f3;color:#fff;-webkit-transition:all .01s ease-in-out;transition:all .01s ease-in-out;font-weight:700}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transition-delay:0ms!important}}.more__projects{text-align:center;margin-top:6em}.more__projects a{border:2px solid #6E07F3;border-radius:28px;padding:12px 60px;color:#6e07f3;transition:all .5s ease-out;cursor:pointer;font-weight:700;font-size:1.2em}.more__projects a:hover,.more__projects a:focus{background-color:#6e07f3;color:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-size:1.21em}@media(max-width:1024px){.project__card{flex:1 0 40%}}@media(max-width:700px){.project__card{flex:1 0 50%}}.experience__intro__container{background-color:#6e07f3;margin-top:3px}.experience__intro__heading{max-width:1115px;text-align:center;margin:0 auto;color:#fff;padding:5em 0 12em;width:70%}.experience__intro__heading h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;margin:0;padding:0}.experience__intro__heading h2{font-weight:600;font-size:1.6rem;margin:26px 0 1px}.experience__intro__heading h3{line-height:1.5;font-weight:400;font-size:1.25rem;margin:0}.experience__container{margin:-6em auto 0;max-width:1440px;width:94%}.experience__card__container{display:flex;flex-direction:row;flex-flow:wrap;gap:2em;background-color:#fff;border-radius:14px;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #e6ecf8;padding:4rem 2rem;text-align:center}.experience__card{flex:1 0 0;border-radius:10px;border:1px solid #ff1b6b;color:#141c3a;padding:2em;transition:.7s ease-out}.experience__card:hover{box-shadow:0 0 30px #d9838366;transform:translateY(-1rem)}.experience__image__container{height:5.5em;display:flex;align-items:center;justify-content:center;margin-bottom:.5em}.experience__image{width:80px;height:auto}.experience__details h3,p,h4{padding:1px;margin:0}.experience__position__title{font-weight:700;font-size:1.2em}.experience__company__title a{padding:0 20px 0 0;color:#141c3a;font-weight:600;font-size:1.1em}.experience__company__title a:hover{transition:all .3s ease-in-out;color:#6e07f3}.position__work__time{padding-right:20px}.experience__position__description{padding-top:10px;font-size:1em;font-weight:600;text-align:justify}@media(max-width:1024px){.company__title__container{flex-direction:column}}@media(max-width:768px){.experience__intro__heading{max-width:1000px;width:90%}.experience__container{width:95%}.experience__card__container{gap:1em;padding:4rem 1rem}.experience__card{padding:1em}}@media(max-width:550px){.experience__head{width:90%}.experience__card__container{flex-direction:column}}.education{width:100%;margin:1em 0 auto}.education__container{display:flex;margin:0 auto;max-width:1440px;width:90%;padding:3rem 0rem}.education__main__img{flex:1 1;text-align:center}.education__screen__svg{max-width:70%;height:auto}.education__data{flex:1 1 0;text-align:center}.education__data h1,.degrees h1{font-size:2.5rem;font-weight:700;color:#141c3a}.education__data h2{font-size:2rem;font-weight:600;color:#202e5c}.education__container__main{display:flex;flex-flow:row wrap;gap:2em;margin:0 auto 20px;max-width:1440px;width:94%;text-align:center}.education__card__container{border-radius:10px;border:1px solid #ff1b6b;color:#141c3a;padding:2em;flex:1 0 25%;transition:.7s ease-out}.education__card__container:hover{box-shadow:0 0 30px #d9838366;transform:translateY(-1rem)}.education__image__container{height:5.5em;display:flex;align-items:center;justify-content:center;margin-bottom:.5em}.education__image{width:70px;height:auto}.education__details h3,p,h4{padding:1px;margin:0}.education__position__title{font-weight:700;font-size:1.2em}.education__college__title a{padding:0 20px 0 0;color:#141c3a;font-weight:600;font-size:1.1em}.education__college__title a:hover{transition:all .3s ease-in-out;color:#6e07f3}.education__position__description{padding-top:10px;font-size:1em;font-weight:600;text-align:justify}@media(max-width:800px){.education__data{margin-top:-3em}}@media(max-width:630px){.education__container{flex-direction:column}.education__screen__svg{max-width:40%;height:auto}}@media(max-width:480px){.education__card__container{padding:1em}.education__container__main{flex-direction:column}}@media(max-width:683px){.education__card__container{padding:1em}.education__container__main{flex-direction:column}}.footer{padding-top:4em}.footer__container{background:#6d07f2;background:linear-gradient(315deg,#6d07f2 80%,#e81aff);background:-moz-linear-gradient(315deg,hsla(266,94%,49%,1) 80%,hsla(294,100%,55%,1) 100%);background:-webkit-linear-gradient(315deg,hsla(266,94%,49%,1) 80%,hsla(294,100%,55%,1) 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#6E07F3",endColorstr="#E81CFF",GradientType=1);margin-top:21px;padding:95px 95px 60px;text-align:center}.start__project__container{padding:54px 0;margin:0 auto;max-width:1400px;width:95%}.start__project__box{margin:0 auto;max-width:1400px;width:95%;position:absolute;background-color:#141c3a;box-shadow:0 5px 5px #0003,0 0 0 1px #141c3a;border-radius:14px}.start__project__content{display:flex;flex-flow:row wrap;flex-direction:row;padding:3rem .5rem;align-items:center;text-align:center;color:#fff}.start__project{flex:1 1 20%}.interested{flex:2 1 20%}.let__do__this{flex:1 1 20%}.start__project h2{padding:0;margin:0;font-size:1.8rem;font-weight:700}.interested h3{margin:0;font-size:18px;font-weight:400;padding:0 1em}.let__do__this{text-align:center}.let__do__this a{border:2px solid #5be9b9;border-radius:30px;padding:14px 46px;color:#fff;transition:all .5s ease-out;cursor:pointer;font-weight:700;font-size:1.2em}.let__do__this a:hover,.let__do__this a:focus{background-color:#5be9b9;color:#141c3a;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-size:1.21em}.footer__icon{padding-top:6em}.footer__icon img{width:100px;height:auto}.quote h2{color:#fff;margin:0 auto;max-width:320px;font-size:1.5em;font-weight:400;padding-top:1.5em;opacity:.8}.social__links{padding-top:3em}.social__links a{color:#fff}.social__links a:not(:nth-child(4)){padding-right:1.5em}.social__links a:hover{color:#141c3a}.copyright{padding-top:3em}.copyright h3{color:#fff;opacity:.8;font-size:1.2em;font-weight:500;padding:0;margin:0}.made__with{padding-top:1em;margin:0}.made__with h4{color:#fff;opacity:.8;font-size:.7em;font-weight:300}@media(max-width:800px){.start__project__content{gap:2em}.start__project{flex:1 1 100%}}@media(max-width:630px){.start__project__content{gap:2em}.start__project{flex:1 1 100%}.interested{flex:2 1 100%}.let__do__this{flex:1 1 100%}.footer__icon{padding-top:10em}}@media(max-width:430px){.social__links a:not(:nth-child(4)){padding-right:1em}.footer__container{padding:95px 60px 60px}}body{font-family:Roboto,sans-serif;font-weight:500;margin:0}body a{text-decoration:none;cursor:pointer}body ul{padding:0}body li{list-style-type:none}::-webkit-scrollbar{width:.4em}::-webkit-scrollbar-track{border-radius:100vw}::-webkit-scrollbar-thumb{background:linear-gradient(315deg,#6d07f2 50%,#e81aff 80%);border:.2em solid linear-gradient(315deg,hsla(266,94%,49%,1) 50%,hsla(294,100%,55%,1) 80%)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(315deg,#e81aff 50%,#6d07f2 80%)}