header{background-color:var(--purple-lightest);padding:15px 0;position:fixed;inset:0 0 auto 0;z-index:5}.headerContent{margin:auto;width:75%;display:flex;justify-content:space-between}.headerName{font-weight:700;font-size:var(--font-large);font-family:Noto Sans}.navLinks{display:flex;grid-gap:2rem;gap:2rem;align-items:center}.navLinks>a{text-decoration:none;font-weight:500}.navLinks>a,h2{color:var(--purple-regular)}h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--font-large);margin-bottom:.5rem}h2,h2>span{position:relative}h2>span{z-index:2}h2:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background-color:var(--purple-light);-webkit-transform:translateY(-200%);transform:translateY(-200%);z-index:1}.cardContainer{padding:.75rem;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.25);width:12rem;height:15rem;background-color:#fff;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.cardContainer img{height:100%;width:100%}.cardContainer h3{font-size:var(--font-regular)}.accordion{width:75%;margin:auto;height:2.5rem;transition:height .2s ease-out;background-color:var(--purple-dark);color:#fff;border-radius:10px 10px}.accordion img{transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.accordion-content p{padding:1rem}.accordion h3{border-bottom:2px solid var(--light-blue)}.accordion button{color:inherit;border:none;width:100%;height:100%;margin:0;background-color:initial;font:inherit;cursor:pointer;display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.5rem}.accordion.expanded{height:10rem}.accordion.expanded img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}main{width:75%;max-width:65rem;margin:auto;display:flex;flex-direction:column;grid-gap:5rem;gap:5rem;padding:7rem 0}#landing{display:grid;grid-gap:2rem;gap:2rem;grid-template-areas:"headline headline ." "about img img"}#landing .headline{font-weight:500;grid-area:headline;font-size:var(--font-xlarge)}#landing .headline>span{font-weight:700;color:var(--purple-regular)}#landing img{grid-area:img;margin-top:-2rem}article.about-me{grid-area:about;text-align:justify;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.projects-section{position:relative}.blue-box{background-color:var(--light-blue);width:200vw;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-2rem;bottom:-2rem}.project-cards{z-index:2;grid-gap:2rem;gap:2rem;position:relative}.experience-accordions,.project-cards{margin-top:1rem;display:flex;justify-content:center}.experience-accordions{flex-direction:column;grid-gap:.5rem;gap:.5rem}:root{--purple-lightest:#ecebff;--purple-light:#c2bfef;--purple-regular:#6c63ff;--purple-dark:#3f3d56;--light-blue:#e5fffd;--font-xsmall:0.8rem;--font-small:0.9rem;--font-regular:1rem;--font-large:1.2rem;--font-xlarge:1.5rem}body,html{margin:0;font-family:Roboto;font-size:100%;width:100vw;height:100vh;padding:0;scroll-behavior:smooth;background-color:#fafafa;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Noto Sans;margin:0}p{margin:0}
/*# sourceMappingURL=main.f41fa6e9.chunk.css.map */