@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--poppins:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Ubuntu","Noto Sans","Liberation Sans","Helvetica Neue",Arial,sans-serif;--inter:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Ubuntu","Noto Sans","Liberation Sans","Helvetica Neue",Arial,sans-serif}*{margin:0;padding:0;color:#ffffff}*:not(body,nav,to-top *){animation:brighten .5s}body{margin:0;width:100%;padding:0;font-family:var(--poppins);display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column}html{margin:0;padding:0;height:100%;scroll-behavior:smooth;background-image:url(../assets/background.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:100vw 100vh}div img{color:#000000}.card-text{color:#555555}.card-text>span{color:#555555}.experiences-text,.education-text{padding-top:.5em}.card-text>.nowrap{color:#555555}.nowrap{white-space:nowrap}to-top{display:none}to-top.active{display:block}to-top>a{position:fixed;display:none;bottom:2.5vw;right:2.5vw;font-size:16px;text-decoration:none;z-index:1;opacity:0;cursor:pointer;transition:.25s;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}to-top>a.active{pointer-events:auto;opacity:1}.details-container p,.details-container p *,.text-container p,.text-container p *{font-family:var(--inter);color:#373737}.about-me-text{padding:1.5rem;flex:1;background-color:#ffffff;color:#000000;border-radius:10px}.about-me-text p,.about-me-text h3{padding:.5rem}strong{color:#2f2f2f}a,.button{transition:all 300ms ease}nav,.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex}nav{justify-content:space-around;align-items:center;margin:0;height:15vh;border:1px solid #ffffff37;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-links{gap:2rem;list-style:none;font-size:1.5rem}.desktop-nav a,.mobile-nav a,.contact-info-container a,.about-me-text a,footer a{position:relative;text-decoration:none!important;transition:color .3s ease,transform .2s ease}.about-me-text a{background:linear-gradient(to right,#1ab1ff,#1177ff);background-clip:text;-webkit-text-fill-color:transparent}.nav-links a::before,.contact-info-container a::before,.about-me-text a::before{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background:linear-gradient(to right,#1ab1ff,#1177ff);transition:width .27s ease,left .27s ease}.about-me-text a::before{height:1px;bottom:1px}.nav-links a:hover::before,.contact-info-container a:hover::before,.about-me-text a:hover::before{width:100%;left:0}a{color:#ffffff;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:1rem}.logo{font-size:2rem}.logo:hover{cursor:default}.mobile-nav{display:none}.mobile-menu{position:relative;display:inline-block}.mobile-badge{width:30px;height:24px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:space-between}.mobile-badge span{width:100%;height:2px;background-color:#ffffff;transition:all .3s ease-in-out}.menu-links{position:absolute;top:100%;right:0;background-color:#ffffff;width:fit-content;max-height:0;overflow:hidden;border-radius:10px;transition:all .3s ease-in-out}.menu-links a{display:block;padding:10px;text-align:center;font-size:1.5rem;color:#000000;text-decoration:none;transition:all .3s ease-in-out}.menu-links li{list-style:none}.menu-links.open{max-height:300px;border:1px solid #aaaaaa}.mobile-badge.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.mobile-badge.open span:nth-child(2){opacity:0}.mobile-badge.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}.mobile-badge span:first-child{transform:none}.mobile-badge span:first-child{opacity:1}.mobile-badge span:first-child{transform:none}section{padding-top:4vh;height:96vh;margin:0 10.5rem;box-sizing:border-box;min-height:fit-content}.section-container{display:-webkit-box;display:-ms-flexbox;display:flex}section.profile{margin-top:7.5vh;height:83vh;padding-top:0;padding-bottom:20vh;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;gap:5rem}.section__text{align-self:center;text-align:center;background-color:#ffffff;color:#000000;padding:3.5rem 5rem;border-radius:2rem;border:#353535 .1rem solid;border-color:#aaaaaa}.profile .section__text,.about .details-container,.about .text-container,.skills .details-container,.project-card,.contact{transition:opacity .5s ease-in-out,-webkit-box-shadow .45s ease,box-shadow .45s ease!important}.profile .section__text:hover,.about .details-container:hover,.about .text-container:hover,.skills .details-container:hover,.project-card:hover,.contact:hover{-webkit-box-shadow:0 8px 21px #ffffff7a;box-shadow:0 8px 21px #ffffff7a}.profile .section__text__p1,.profile .section__text__p2{line-height:2.5rem}.profile .section__text__p4{margin-bottom:1.5em;font-size:14px;color:#373737}abbr{color:inherit;font-size:inherit}.section__text p,.section__text span{font-weight:600;color:#000000}.section__text__p1{font-size:3.5vh;text-align:center;color:#ffffff}.section__text__p2{font-size:3.5vh;margin-bottom:1rem;color:#000000}.title{font-size:3rem;line-height:1.5;text-align:center;color:#ffffff;padding:.5rem 0}.title-card{font-size:4.5rem;line-height:1.5;text-align:center;color:#0070ba;padding:.5rem 0;background:linear-gradient(to right,#1ab1ff,#1177ff);background-clip:text;-webkit-text-fill-color:transparent;animation:brighten 1s}@keyframes brighten{0%{opacity:0}100%{opacity:1}}div:has(h4){display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}h3,h4{color:#373737}.about-me-text h3{color:#0070ba}h4{font-size:1.4rem}.socials-container{margin-top:1rem;gap:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.socials-container a{display:inherit}.badge{height:2rem;aspect-ratio:1 / 1}.badge-button{height:2rem;aspect-ratio:1 / 1;cursor:pointer;transition:transform .27s ease-in-out}.badge-button.linkedin-badge{content:url(../assets/linkedin.svg)}.badge-button.linkedin-badge:hover{content:url(../assets/linkedin-blue.svg);transform:scale(1.1)}.github-badge{content:url(../assets/github.svg)}.github-badge:hover{content:url(../assets/github-blue.svg);transform:scale(1.1)}.button-container{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;gap:1rem}.button{width:8rem;font-size:15px;font-weight:600;padding:1rem;border-radius:2rem;transition:all 300ms ease}.button:hover{text-decoration:none}.button-color-1,.button-color-2{background:#353535;border:#cdcdcd .1rem solid;color:#ffffff;transition:none}.button-color-1:hover,.button-color-2:hover{cursor:pointer;background:linear-gradient(to right,#1ab1ff,#1177ff)}.button-container{gap:1rem}.about{position:relative;height:fit-content;padding-top:2.5vh;margin-bottom:10vh;align-items:center}.about>.section-container{width:50vw;padding:0 calc(25vw - 10rem);display:flex;justify-content:center}.title.about-me{padding-bottom:2.5vh}.about-containers{gap:2rem;margin:2rem 0}.about-details-container{justify-content:center;flex-direction:column;margin-top:0;padding-top:2.5rem}.about-containers,.about-details-container{display:-webkit-box;display:-ms-flexbox;display:flex}.arrow,.arrow-up{width:3.7vw;height:auto;position:absolute}.arrow{display:none;bottom:3.5rem}.details-container{padding:1.5rem;flex:1;align-self:auto;background-color:#ffffff;border-radius:2rem;border:#353535 .1rem solid;border-color:#aaaaaa;text-align:center}.skills.about-containers>.details-container{margin:2rem auto}.skills.about-containers>.details-container{min-width:30vw;min-height:fit-content}.skills ul,.experience ul,.certifications ul,.languages ul{list-style-type:none}.skills li,.experience li,.certifications li,.languages li{margin:5px 0}.skill-group ul{margin:10px auto;max-width:1000px;padding:15px 5px;font-family:var(--inter);font-weight:bold;border-radius:15px;background:linear-gradient(#1ab1ff,#1177ff);box-shadow:0 10px 25px #0000001a;display:flex;flex-wrap:wrap;justify-content:center;gap:1px}.skill-group li{list-style:none;margin:5px;width:fit-content;border:1px solid transparent;padding:8px 10px;font-size:14px;border-radius:10px;background:#ffffff;color:#373737;box-shadow:0 1px 2px #fffffffa;transition:all .3s ease}.skill-group li:hover{box-shadow:0 3px 7px #fffffff6}.projects .details-container{position:relative}.project-content{margin-bottom:100px}.projects .button-container{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center}.section-container{gap:4rem;height:80%}.section__pic-container{height:400px;width:400px;margin:auto 0}.skills{position:relative;height:fit-content;margin-bottom:10vh}.skills-sub-title{color:#555555;font-weight:600;font-size:1.75rem;margin:calc(2rem - 24px) auto 2rem}.skills-details-container{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center}.skills.about-containers{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-content:center}.article-container{text-align:initial;gap:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-content:center}article{width:10rem;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-content:center;gap:.5rem}article .badge{cursor:default}.projects{position:relative;height:fit-content}.projects-external-container{margin-top:10vh}.projects-internal-container{margin-bottom:2rem;margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-card{flex-basis:calc(32vw - 14rem);flex-grow:0;flex-shrink:0}.color-container{background:#f7f7f7;border-color:#a5a5a5}.project-image-container{text-align:initial;gap:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-content:center}.project-image{width:90%;height:90%;border-radius:2rem}.project-title{font-size:1.5rem;margin:1rem;color:#000000}.project-stack{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}[class^="skill-badge-"]{padding:8px 12px;font-size:.9em;font-family:var(--inter);font-weight:bold;text-align:center;border-radius:8px;background:linear-gradient(to right,#1ab1ff,#1177ff);color:#ffffff;box-shadow:4px 4px 15px #00000037,-4px -4px 15px #ffffffcd}.projects .button-container{position:absolute;bottom:50px;left:0;right:0;font-family:var(--inter);display:flex;justify-content:center}.project-button{box-sizing:border-box;border-color:#a5a5a5;display:flex;justify-content:center;align-items:center}.project-description{position:absolute;bottom:15px;left:0;right:0;font-size:17px;display:flex;justify-content:center;cursor:pointer;z-index:1000}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 8px);width:100%;border:solid 1px #555555;border-radius:6px;padding:8px 12px;font-family:var(--inter);z-index:100;opacity:0;background:#ffffff;color:#555555;pointer-events:none;transition:opacity .25s}.project-description-enabled[data-tooltip]::after{opacity:1}.projects>.arrow{bottom:8rem}#contact-section{height:75vh;padding-top:0;display:flex;align-items:center;justify-content:center}.contact{position:relative;width:35vw;height:fit-content;border:#353535 .1rem solid;border-radius:2rem;border-color:#aaaaaa;padding:0 2rem;text-align:center;align-self:center;background:#ffffff;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;flex-direction:column}.contact>p.section__text__p2{margin-top:5vh;margin-bottom:0}.contact>h1.title-card{padding:0 0 2.5vh}.contact-info-upper-container{margin:1.5rem auto 2rem;width:calc(100% - 5rem);padding:1rem;border-radius:2rem;border:#353535 .1rem solid;border-color:#aaaaaa;background:#ffffff;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;gap:0}.contact-info-container{margin:1rem;color:#000000;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-info-container p{display:inline;font-size:larger;color:#000000}.contact-info-container a{font-size:larger;color:#000000;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:.5rem}.contact-badge{transition:all .27s ease-in-out}.email-badge{width:auto;height:32px}.scroll-animation{opacity:0;transition:opacity .5s ease-in-out}.scroll-animation.visible{opacity:1}footer{text-align:center}footer nav{box-sizing:border-box;height:25vh;display:flex;flex-direction:column;justify-content:space-evenly}footer p{text-align:center;color:#ffffff}.footerContainer{text-align:center}noscript .enable-javascript{height:fit-content;margin:10vh 5vw 1vh;padding:0 20vw 5vh;background-color:#f2f2f2;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}noscript h1{display:none}noscript main{display:none}noscript h2{padding:5vh 0;color:#1f1f1f}noscript p{min-width:50vw;margin:1vh 0;color:#2f2f2f}noscript details{min-width:50vw;margin:1vh 0;text-align:inherit}noscript details summary{cursor:pointer;color:#2f2f2f}noscript li{line-height:1.5;margin:2vh 0;color:#2f2f2f}noscript strong{color:#2f2f2f}noscript code{font-size:16px;color:#2f2f2f}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(#1ab1ff,#1177ff);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#007fff}