@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Saira:ital,wght@0,100..900;1,100..900&family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Protest+Riot&family=Saira:ital,wght@0,100..900;1,100..900&family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Faustina:ital,wght@0,300..800;1,300..800&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Protest+Riot&family=Saira:ital,wght@0,100..900;1,100..900&family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Faustina:ital,wght@0,300..800;1,300..800family=Saira:ital,wght@0,100..900;1,100..900&family=Yatra+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Ephesis&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;position:relative}.hamburger{display:none;font-weight:800;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;background:#fbc042;box-shadow:0 2px 4px #1816164d}#toggle{display:none;color:#4b1b4d;font-size:2rem;margin:1rem 1rem .3rem;cursor:pointer;border:none;background:none;outline:none}.show#hamburger-list{transform:translate(0)}#hamburger-list{font-family:Faustina;position:fixed;top:0;right:0;transform:translate(100%);transition:all .3s ease-in-out;z-index:11;width:30%;background-color:#fbc042;display:flex;gap:.5rem;flex-direction:column;justify-content:center;align-items:center;list-style:none;padding:.5rem;margin:0;border-bottom-left-radius:10px;box-shadow:0 2px 4px #1816164d;z-index:100}.navbar{font-family:merriweather sans;font-weight:800;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;background:#fbc042;box-shadow:0 2px 4px #1816164d;padding:.5em 0}#nav-list{display:flex;justify-content:space-around;align-items:center;list-style:none;width:100%;margin:0 3em;padding:.8rem;border-radius:10px}#toggle:hover{color:#fff;transition:all .3s ease-in-out}.nav-item a{font-size:1.5em;color:#4b1b4d;cursor:pointer;list-style:none;text-decoration:none;padding:.3em}.nav-item a:hover{background-color:#4b1b4d;transition:all .3s ease-in-out;color:#fff;border-radius:5px;box-shadow:0 2px 4px #1816164d}@media screen and (min-width:768px){.show#hamburger-list{transform:translate(100%)}}@media(max-width:768px){.navbar{display:none}#toggle{display:block}}@media screen and (max-width:480px){#hamburger-list{width:50%}.nav-item a{font-size:1.2em}}.main-section{background-color:#ffecc4;display:flex;justify-content:space-around;padding:3rem;height:100vh}.content{display:flex;flex-direction:column;justify-content:center;border-radius:10px;width:40em}.name{font-family:Protest Riot,sans-serif;font-size:3rem;width:65%;font-weight:600;padding:1rem;border-radius:10px;color:#4b1b4d;line-height:.7}.name:hover{transform:scale(1.01);transition:all .3s ease-in-out;filter:brightness(120%)}#first-letter{font-family:Protest Riot,sans-serif;font-size:8rem;font-weight:600;box-shadow:none;padding:0}#r{padding-right:10px}.description{font-family:Saira,sans-serif;font-size:1.2rem;padding:.5rem;border-radius:10px}.description:hover{transform:scale(1.01);background-color:#fbc042;box-shadow:0 2px 4px #1816164d;transition:all .3s ease-in-out}.description:hover #mern{color:#fff}.img-container:hover{transform:skew(2deg);transition:transform 2s ease-out}.side-img{width:100%;z-index:1}@media screen and (max-width:768px){.main-section{flex-direction:column;height:auto}.content{width:100%}#first-letter{font-size:5rem}.name{font-size:2rem;width:80%}.side-img{width:100%}}@media screen and (max-width:480px){.main-section{height:100vh;justify-content:space-around}#first-letter{font-size:2.5rem}.name{font-size:1.5rem;width:100%}.description{font-size:1rem}}@media screen and (max-width:250px){.name{font-size:1rem}.description{font-size:.8rem}}.about{position:relative;height:90vh}.about-header{font-size:2em;font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;background-color:#4b1c4d;color:#fbc042;color:#fff;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;transition:all .3s ease-in-out}.about-section{display:flex;justify-content:space-around}.about-content{font-family:Saira;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;width:50%;padding:2rem;margin-top:2rem;background-color:#fbc042;box-shadow:0 2px 4px #1816164d;border-radius:10px}.about-content:hover{color:#fff;background-color:#4b1c4d;transform:scale(1.01);transition:all .3s ease-in-out}.about-content:hover #mern{color:#fbc042;font-weight:600;filter:brightness(120%)}.side-img2>img{position:absolute;bottom:0;left:0}@media screen and (max-width:1000px){.side-img2>img{width:40%}.about-content{font-size:1.2rem}}@media screen and (max-width:820px){.about-content{font-size:1rem;width:90%}.side-img2>img{width:80%}}@media screen and (max-width:540px){.side-img2>img{width:80%}}@media screen and (max-width:320px){.about-content{font-size:.9rem;width:90%}}.skills-section{background-image:url(/assets/tech-bg-zK1EMt2f.png);background-repeat:no-repeat;background-size:cover;width:100%;height:90vh;position:relative}.skills-section:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fce3ad;z-index:-1;opacity:.6}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.skills-heading{font-size:2em;font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;background-color:#4b1c4d;color:#fff;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;transition:all .3s ease-in-out}.skills-description{font-family:Saira;font-size:.9rem;justify-content:center;color:#fff;box-shadow:0 2px 4px #1816164d;padding:1rem;margin-top:1.8rem;border-radius:10px;margin:1rem;position:relative;text-align:center}.skills-description:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#4b1c4d;z-index:-1;opacity:1}.skills-description:hover{background-color:#fbc042;color:#000;transition:all .3s ease-in-out}.skill-sub-heading{font-family:Protest Riot;text-align:center;margin:1rem auto;padding:1rem;background-color:#4b1c4d;color:#fff;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.tools{margin-top:2rem}@media screen and (max-width:1197px){.skills-description{font-size:.7rem}.skills-container{gap:10px}.skill-sub-heading{font-size:.8rem;padding:.4rem}}@media screen and (max-width:640px){.skills-heading{font-size:1.2rem;padding:.5rem}.skills-description{font-size:.7rem}.skills-container{gap:10px}.tools{margin-top:.4rem}.skill-sub-heading{font-size:.8rem;padding:.4rem}}@media screen and (max-width:320px){.skills-description{font-size:.5rem}.skill-sub-heading{font-size:.6rem;padding:.2rem}}@media screen and (max-width:280px){.skills-description{font-size:.3rem}}.card{font-family:Saira;font-size:1rem;align-items:center;padding:.5rem;margin-top:.8rem;background-color:#fbc042;box-shadow:0 2px 4px #1816164d;border-radius:10px}.card:hover{color:#fff;font-weight:600;background-color:#4b1c4d;transform:scale(1.05);transition:all .3s ease-in-out}@media screen and (max-width:900px){.card{font-size:1rem;padding:.5rem;margin-top:.5rem}}@media screen and (max-width:680px){.card{font-size:.6rem;padding:.5rem}}.projects-header{font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;background-color:#4b1c4d;color:#fff;font-size:2em;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:1rem}.project-title{font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;color:#fbc042;background-color:#4b1c4d;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:1rem}.project-title:hover{color:#fff;transition:all .3s ease-in-out}.project-card{display:flex;flex:1}.project-description.first,.project-description.third,.project-description.second,.project-description.fourth{font-family:Faustina;background-color:#fbc042;font-size:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:0 3rem;text-align:center}.project-links{display:flex;justify-content:space-between;align-items:center;width:60%;text-align:center}.project-description>.project-links>a{font-family:Protest Riot;text-decoration:none;text-align:center;margin:0 auto;padding:.5rem;background-color:#4b1c4d;color:#fff;font-size:1em;box-shadow:0 2px 4px #0000004d;width:fit-content;border-top-right-radius:10px;border-top-left-radius:10px}.project-description>p:hover{color:#4b1c4d;transition:all .3s ease-in-out}.link{margin-left:.5em}.link:hover{cursor:pointer;color:#fbc042}@media screen and (max-width:1310px){.project-card{flex-direction:column}.second-project{flex-direction:column-reverse}.project-description>p{margin-bottom:.5rem}.project-card>img{width:60%;margin:0 auto}}@media screen and (max-width:768px){.projects-header{font-size:1.2rem;padding:.6rem}.project-title{font-size:1.5rem}.project-description.first,.project-description.third,.project-description.fourth,.project-description.second{padding:0 1rem}.project-description.first>p,.project-description.third>p,.project-description.fourth>p,.project-description.second>p{font-size:1rem}.project-description>.project-links>a{font-size:.8rem}.project-card>img{width:80%;margin:0 auto}}@media screen and (max-width:520px){.project-title{font-size:1rem;padding:.5rem}.project-description.first,.project-description.third,.project-description.fourth,.project-description.second{padding:0 .5rem}.project-description.first>p,.project-description.third>p,.project-description.fourth>p,.project-description.second>p{font-size:.6rem;margin:0 .2rem}.project-description>.project-links>a{font-size:.6rem}.project-card>img{width:100%;margin:0 auto}}.contact-section{box-sizing:border-box;height:100%}.contact-header{font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;color:#fbc042;background-color:#4b1c4d;font-size:2em;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:1rem}.contact-description{font-family:Faustina;text-align:center;margin:0 auto;padding:1rem;color:#4b1c4d;font-size:1.5em;box-shadow:0 3px 3px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:1rem}.contact-list{background-color:#4b1c4d;display:flex;flex-direction:row;justify-content:space-around;padding:.8rem 1rem;border-radius:10px;width:60%;margin:2rem auto 1rem;list-style:none}.contact-item{font-size:4em;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:10px}.contact-item:hover{background-color:#ffae00d3;transition:all .8s ease-in-out;border-radius:5px;box-shadow:0 2px 4px #1816164d}.contact-details{position:relative;display:flex;list-style:none;flex-direction:row;justify-content:center;padding:.8rem 1rem;border-radius:10px;margin:1rem auto}#contact-details-phone,#contact-details-email,#contact-details-whatsApp,#contact-details-linkedIn,#contact-details-gitHub{visibility:hidden;font-size:1.2rem;position:absolute;top:.2rem;font-family:Protest Riot;background-color:#fbc042;padding:.8rem 1rem;border-radius:10px;color:#4b1c4d;border:.2rem solid #ffb30e;margin-bottom:1rem;transition:all .8s ease-in-out}.contact-header:hover{color:#fff;transition:all .3s ease-in-out}.contact-description:hover{background-color:#fbc042;color:#4b1c4d;transition:all .3s ease-in-out}@media screen and (max-width:768px){.contact-header{font-size:1em;padding:.5em}.contact-description{font-size:1em;width:80%;padding:.7em}.contact-item{font-size:2em}.contact-list{width:60%}#contact-details-phone,#contact-details-email,#contact-details-whatsApp,#contact-details-linkedIn,#contact-details-gitHub{font-size:1rem;padding:.6em 1em}}@media screen and (max-width:480px){.contact-header{font-size:.8em;padding:.5em}.contact-description{font-size:.7em;width:80%;padding:.5em}.contact-item{font-size:1.5em}.contact-list{width:80%}#contact-details-phone,#contact-details-email,#contact-details-whatsApp,#contact-details-linkedIn,#contact-details-gitHub{font-size:.5em;padding:.6em .8em}}.footer-section{color:#4b1c4d;text-align:center;font-family:Ephesis,cursive}.footnote{margin-top:3rem;padding:1rem;font-weight:800;font-size:4rem}@media screen and (max-width:768px){.footnote{margin-top:1rem;font-size:2rem}}.github-section{background-color:#ffecc4;padding-bottom:1rem}.github-header{display:block;font-family:Protest Riot;text-align:center;margin:0 auto;padding:1rem;background-color:#4b1c4d;color:#fff;font-size:2em;box-shadow:0 2px 4px #0000004d;width:fit-content;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:1rem}.github-stats{display:flex;width:60%;margin:1rem auto;margin-bottom:0;justify-content:space-between;align-items:center;gap:3.5rem}.github-stats>img{width:60%;height:auto}@media screen and (max-width:1068px){.github-stats{width:80%;flex-wrap:wrap;justify-content:center}}@media screen and (max-width:844px){.github-header{font-size:1.5em;padding:.8rem}.github-stats{width:80%;flex-wrap:wrap;gap:.5rem;justify-content:space-around}}@media screen and (max-width:520px){.github-header{font-size:.8em;padding:.5rem}.github-stats>img{width:100%;height:auto}.github-stats{width:80%;flex-wrap:wrap;gap:.2rem;justify-content:space-around}}