*{margin:0;padding:0}body{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}p{color:#555}a,.btn{transition:all .3s ease}nav,.nav-links{display:flex}nav{align-items:center;height:6rem}footer nav{justify-content:space-around}.nav-links{gap:2rem;list-style:none;font-size:1.5rem}a{color:#000;text-decoration:none;text-decoration-color:#fff}a:hover{color:#505050;text-decoration:underline;text-underline-offset:1rem;text-decoration-color:#b5b5b5}.logo{font-size:2rem}.logo:hover{cursor:default}#hamburger-nav{display:none}.hamburger-menu{position:relative;display:inline-block}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3 ease-in-out}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.menu-links{position:absolute;top:100%;right:0;background-color:#fff;width:fit-content;max-height:0;overflow:hidden;transition:all .3 ease-in-out}.menu-links.open{max-height:300px}.menu-links a{display:block;padding:10px;text-align:center;font-size:1.5rem;color:#000;text-decoration:none;transition:all .3 ease-in-out}.menu-links li{list-style:none}section{padding-top:4vh;min-height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}section.no-mg{margin:0}.section-container{display:flex}#profile{display:flex;justify-content:center;gap:5rem;min-height:80vh}.section__pic-container{display:flex;height:400px;width:400px;margin:auto 0}.section__pic-container>img{width:400px;height:400px;object-fit:cover;border-radius:50%}.section__text{align-self:center;text-align:center}.section__text p{font-weight:600}.section__text__p1{text-align:center}.section__text__p2{font-size:1.75rem;margin-bottom:1rem}.title{font-size:3rem;text-align:center}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}.icon{cursor:pointer;height:2rem}.btn-container{display:flex;gap:1rem}.btn{font-weight:600;transition:all .3s ease;padding:1rem;width:8rem;border-radius:2rem}.btn-color-1,.btn-color-2{border:rgb(53,53,53) .1rem solid}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{background:#353535;color:#fff!important}.btn-color-1:hover{background:#000}.btn-color-2{background:none}.btn-color-2:hover{border:rgb(255,255,255) .1rem solid}#about{position:relative}.about-containers{gap:2rem;margin-bottom:2rem;margin-top:2rem}.about-details-container{justify-content:center;flex-direction:column}.about-pic{border-radius:2rem}.arrow{position:absolute;right:-5rem;bottom:2.5rem}.details-container{padding:1.5rem;margin-bottom:2rem;flex:1;background:#fff;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3}.section-container{gap:4rem;height:80%}.section__pic-container{height:400px;width:400px;margin:auto 0}#experience{position:relative;margin:0!important;overflow:hidden}.experience-sub-title{color:#555;color:#000;font-weight:600;font-size:1.75rem;margin-bottom:2rem}.experience-details-container{display:flex;justify-content:center;flex-direction:column}article{display:flex;width:10rem;justify-content:space-around;gap:.5rem}article .icon{cursor:default}.skills-container .skill{display:flex;width:10rem;justify-content:space-around;gap:.5rem;margin-bottom:1.4rem}.skills-container .skill h3{font-size:1rem}.skills-container .skill .icon{height:3.5rem}#projects,#projects #projects-container .about-containers{position:relative}.color-container{border-color:#a3a3a3;background:#fafafa}.project-img{border-radius:2rem;width:100%;height:auto}.project-title{font-size:3.5rem;margin:1rem;color:#000}.project-btn{color:#000;border-color:#a3a3a3;transition:.7s ease;font-size:.9rem;padding:1rem .1rem}.project-btn:hover{border-color:transparent!important;color:#fff!important;box-shadow:5px 0 7px #8080807d}#contact{display:flex;justify-content:center;flex-direction:column;min-height:70vh}.contact-info-upper-container{display:flex;justify-content:center;border-radius:2rem;border:rgb(53,53,53) .1rem solid;border-color:#a3a3a3;background:#fafafa;margin:2rem auto;padding:.5rem}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2rem}footer{height:15rem;margin:0 1rem}footer p{text-align:center}.object-fit-cover{object-fit:cover!important}.font-lora{font-family:Lora,serif}a.btn{text-align:center!important;text-decoration:none!important}a.no-style{text-decoration:none!important;color:inherit!important}a.no-style:hover{color:inherit!important}.img-fluid{max-width:100%!important;height:auto!important}.bd-0{border:0!important}.content h3{font-size:1.5rem;margin-bottom:.5rem}.content p{font-size:.95rem;margin-bottom:.5rem}.content a{text-underline-offset:.1rem!important}.content ul{list-style:circle;margin:1rem 0 1rem 1.2rem;font-size:.92rem;color:#555}.content ul li{margin-bottom:.4rem}ul.li-circle{list-style:circle}ul.li-circle li{margin-bottom:1rem}ul.list-style-none{list-style-type:none!important}hr.light-hr{margin:2rem .5rem;border-color:#cdcdcd;border-top:0}#menu .menu-toggle{position:fixed;display:flex;flex-direction:column;align-items:center;top:0;right:0;width:80px;height:70px;z-index:100;background-color:#d8efff;border-bottom-left-radius:50px;padding-top:20px;cursor:pointer}#menu .menu-toggle.open{background-color:#fff}#menu .menu-toggle>*{width:35px;height:5px;background-color:#333;margin:4px 0;transition:.4s}#menu .fullscreen-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#000;display:flex;justify-content:center;align-items:center;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .5s ease-in-out}#menu .fullscreen-menu.active{pointer-events:auto;animation:openMenu .5s ease-in-out forwards}#menu .fullscreen-menu:not(.active){opacity:0}#menu .fullscreen-menu.closing{animation:closeMenu .5s ease-in-out forwards}#menu .fullscreen-menu ul{list-style-type:none;padding:0;margin:0;text-align:center}#menu .fullscreen-menu ul li{margin:20px 0}#menu .fullscreen-menu ul li a{color:#fff;text-decoration:none;font-size:2rem}#menu .fullscreen-menu ul li a:hover{transform:scale(1.8);color:#79dfff;font-size:2.3rem}#menu .menu-toggle.open .bar1{transform:rotate(-45deg) translate(-12px,6px)}#menu .menu-toggle.open .bar2{opacity:0}#menu .menu-toggle.open .bar3{transform:rotate(45deg) translate(-12px,-6px)}@keyframes openMenu{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes closeMenu{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:1}}@media screen and (max-width: 1400px){#profile{min-height:83vh;margin-bottom:6rem}.about-containers{flex-wrap:wrap}#contact,#projects{height:fit-content}}@media screen and (max-width: 1200px){#desktop-nav{display:none}#hamburger-nav{display:flex;margin-left:3rem}#experience,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}section,.section-container{height:fit-content}section{margin:0 5%}.section__pic-container{margin:0 auto 2rem}.about-containers{margin-top:0}#profile{min-height:150%}#profile .btn-container{justify-content:center;margin-bottom:2rem}#about .more-about-btn{float:none!important}#experience .exp-bg-image,#projects #projects-bg-progress{display:none}}@media screen and (max-width: 1024px){#skills-container .skills-container{gap:20px 20px}}@media screen and (max-width: 992px){#projects-container .project{height:33rem!important}}@media screen and (max-width: 768px){#projects-container .project{height:40rem!important}}@media screen and (max-width: 600px){#profile{height:auto;margin-bottom:0}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.about-containers,.contact-info-upper-container,.btn-container{flex-wrap:wrap}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{width:auto;justify-content:center}.section__text__p2{font-size:1.25rem}.title{font-size:2rem}.text-container{text-align:justify}#projects-container .project{height:100svh!important}#projects-container .project .project-title{font-size:2rem;margin:auto}}@media screen and (max-width: 576px){.section__pic-container{height:auto}.section__pic-container>img{width:280px;height:280px;max-width:100%}#skills-container .skills-container{gap:20px 10px}}@media screen and (min-width: 992px){#projects-container .project-wrapper:nth-child(2n) .project-img-container{order:1!important}}@media screen and (min-width: 1200px){#projects-container{max-width:90%!important}}@media screen and (min-width: 768px) and (max-width: 992px){#projects-container .project .project-title{font-size:3rem}}:root{--projects-el-height: auto}body,html{margin:0;padding:0;height:100%;max-width:100%}#intro{align-self:center;text-align:center;margin:30px 0}#intro .intro__start{font-weight:600;font-size:16px;color:#555;margin-bottom:0;display:block}#intro .intro__heading{font-weight:600;font-size:3rem}#intro .intro__name{font-weight:700}#intro .intro__subheading{color:#555;font-size:1.75rem;margin-bottom:1rem;font-weight:600}.skills-container{gap:20px 40px}.skills-container .skill{opacity:0;background:#f3f3f3;padding:1rem 0;border-radius:25px;transition:all .6s ease}.skills-container .skill div{text-align:center}.skills-container .skill .icon{transition:all .6s ease}.skills-container .skill:hover,.skills-container .skill.hovered{transform:scale(1.08)!important;filter:grayscale(1);background-color:#fff!important}#projects .project{height:auto!important;height:var(--projects-el-height)!important}#projects.smooth-wrapper{position:relative;padding:100px 0 0;height:auto}#projects #projects-container{position:relative;padding:0;max-width:95%}#projects .project-wrapper{width:100%;height:auto;position:-webkit-sticky;position:sticky;top:40px;z-index:1;margin:5rem 0 15rem}#about .more-about-btn{float:inline-end;padding:.6rem 0}#projects-container .project{height:25rem}#projects-container .project>.article-container{position:relative;z-index:10;height:auto!important}.shadow{position:fixed;left:50%;top:50%;width:300px;height:150px;aspect-ratio:1;background:#4444b182;translate:-50% -50%;border-radius:50%;z-index:-1;filter:blur(130px)}.shadow.on-content{z-index:0;background:#889ccb;width:200px;height:100px;filter:blur(100px)}#projects-bg-progress{--border-radius: 40px;position:fixed;width:15rem;height:.6rem;top:50%;left:20px;background:#e6e4e4ab;border-radius:var(--border-radius);transform:rotate(90deg) translate(-50%);transform-origin:left center}#projects-bg-progress.hidden{display:none}#projects-bg-progress::-webkit-progress-bar{background:#e6e4e4ab;border-radius:var(--border-radius)}#projects-bg-progress::-webkit-progress-value{background-color:#9c9cff;border-radius:var(--border-radius)}