:root{--dark-black:#111317;--middle-black:#2b2f39;--light-black:#444b5b;--very-light-black:#969aa6;--dark-blue:#348cff;--middle-blue:#7bb7ff;--light-blue:#d4e9fc;--dark-red:#f08;--middle-red:#ff52be;--light-red:#ffa3f3}html{min-height:100vh;margin:0;padding:0}body,head,html{background-color:var(--dark-black)}.poppins-thin{font-weight:100}.poppins-extralight,.poppins-thin{font-family:Poppins,serif;font-style:normal}.poppins-extralight{font-weight:200}.poppins-light{font-weight:300}.poppins-light,.poppins-regular{font-family:Poppins,serif;font-style:normal}.poppins-regular{font-weight:400}.poppins-medium{font-weight:500}.poppins-medium,.poppins-semibold{font-family:Poppins,serif;font-style:normal}.poppins-semibold{font-weight:600}.poppins-bold{font-weight:700}.poppins-bold,.poppins-extrabold{font-family:Poppins,serif;font-style:normal}.poppins-extrabold{font-weight:800}.poppins-black{font-family:Poppins,serif;font-weight:900;font-style:normal}.poppins-thin-italic{font-family:Poppins,serif;font-weight:100;font-style:italic}.poppins-extralight-italic{font-family:Poppins,serif;font-weight:200;font-style:italic}.poppins-light-italic{font-family:Poppins,serif;font-weight:300;font-style:italic}.poppins-regular-italic{font-family:Poppins,serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,serif;font-weight:600;font-style:italic}.poppins-bold-italic{font-family:Poppins,serif;font-weight:700;font-style:italic}.poppins-extrabold-italic{font-family:Poppins,serif;font-weight:800;font-style:italic}.poppins-black-italic{font-family:Poppins,serif;font-weight:900;font-style:italic}.about-container{flex-direction:row;justify-content:center;align-items:center;justify-self:center;align-self:center;width:auto;margin:0 0 10px;gap:8%;padding:0 20px}.about-name-container{padding-top:10px}.about-content-container,.about-name-container{flex-direction:column;justify-content:center;height:100%}.about-content-container{width:clamp(15ch,50%,75ch);padding:10px 0}.MuiBox-root.experience-boxes-container{display:grid;grid-template-columns:repeat(auto-fit,390px)}.MuiBox-root.experience-boxes-container,.MuiBox-root.project-boxes-container{box-sizing:border-box;justify-content:center;width:100%;padding:0 50px;grid-gap:50px;margin-top:40px}.MuiBox-root.buffer-box,.MuiBox-root.project-boxes-container{display:flex;flex-direction:column}.MuiBox-root.buffer-box{justify-content:center;width:100%}.name-break{display:none}.MuiButton-root.skip-button{width:280px;box-sizing:border-box}.MuiButton-root.resume-button,.MuiButton-root.skip-button{align-self:center;height:50px;flex-direction:row;justify-content:space-evenly;border:2px solid var(--dark-red);text-transform:none}.MuiButton-root.resume-button{width:200px;background-color:var(--dark-red);font-size:1.2rem;color:#fff}.main-text{color:var(--light-blue);font-size:2rem;filter:drop-shadow(3px 3px #000);margin:10px 0 0;width:100%}.main-text,.name-main-text{text-align:left;line-height:1.2}.name-main-text{font-size:4rem;margin:5px 0;filter:drop-shadow(4px 4px #000)}.first-name{background:linear-gradient(105deg,#5b9cf1,#bd6fd3);-webkit-background-clip:text}.first-name,.last-name{-webkit-text-fill-color:transparent}.last-name{background:linear-gradient(105deg,#bd6fd3,#ff52bd);-webkit-background-clip:text}.subtitle-main-text{filter:drop-shadow(2px 2px #000);margin:10px 0 0}.about-text,.subtitle-main-text{color:var(--light-blue);font-size:1.2rem;text-align:left;line-height:1.2}.about-text{filter:drop-shadow(1px 1px #000);margin:10px 0}.skip-button p{font-size:1.2rem}.lang-fram-header{font-size:1.8rem;padding-top:9px}.resume-heading{color:#fff;font-size:1.5rem;margin-bottom:10px}.contact-label{width:700px}.MuiButton-root.resume-button:hover,.MuiButton-root.skip-button:hover{background-color:transparent;border:2px solid var(--dark-red)}@media(max-width:1440px){.MuiBox-root.experience-boxes-container{display:flex;box-sizing:border-box;flex-direction:row;justify-content:center;width:min(100%,1000px);align-items:center;padding:0 50px;gap:50px;margin-top:40px;flex-wrap:wrap}}@media(max-width:1200px){.name-break{display:inline}.first-name,.last-name{background:linear-gradient(105deg,#5b9cf1,#ff52bd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media(max-width:1024px){.about-container{gap:6%}.main-text{font-size:1.6rem}.name-main-text{font-size:3.2rem}.about-text,.subtitle-main-text{font-size:1rem}.contact-label{font-size:1rem;width:550px}}@media(max-width:768px),(orientation:portrait){.about-container{flex-direction:column;align-items:baseline;margin:0 0 10px;padding:10px clamp(30px,30px + 20*(100vw - 480px)/288,50px)}.about-content-container,.about-name-container{width:100%;max-width:100%;box-sizing:border-box}.MuiButton-root.resume-button{font-size:1.1rem;height:45px;width:180px}.resume-heading{font-size:1.35rem}.lang-fram-header{font-size:1.5rem;padding-top:8px}.contact-label{font-size:.9rem;width:400px}}@media(max-width:480px){.about-container{padding:10px 6.25vw}.MuiBox-root.experience-boxes-container,.MuiBox-root.project-boxes-container{padding:0 20px}.MuiButton-root.skip-button{align-self:center;width:220px;height:40px}.MuiButton-root.resume-button{font-size:1rem;height:40px;width:160px}.resume-heading{font-size:1.2rem}.skip-button p{font-size:1rem}.main-text{font-size:1.5rem}.name-main-text{font-size:3rem}.about-text,.subtitle-main-text{font-size:.9rem}.lang-fram-header{font-size:1.2rem;padding-top:7px}.contact-label{font-size:.8rem;width:300px}}@media(max-width:360px){.contact-label{width:250px}}