header{background-color:var(--blue-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;color:var(--blue-regular)}.navLinks{display:flex;grid-gap:2rem;gap:2rem;align-items:center}.navLinks>a{font-weight:500}.navLinks>a,.no-line-link{text-decoration:none;color:var(--blue-regular)}h2{color:var(--blue-regular);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;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;justify-content:center;grid-gap:.5rem;gap:.5rem;color:#000;transition:box-shadow .3s}.cardContainer:hover{box-shadow:0 1rem 2rem rgba(0,0,0,.3)}.cCLink{text-decoration:none}.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(--blue-dark);color:#fff;border-radius:10px 10px;border-bottom:2px solid var(--blue-regular);overflow:hidden}.accordion img{transition:transform .1s linear}.accordion-content p{padding:1rem}.accordion h3{border-radius:10px;border-bottom:3px solid #f7efff}.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:auto}.accordion.expanded img{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"}@media (max-width:33.75em){#landing{grid-template-areas:"headline headline ." "img . ." "about . ."}}#landing .headline{font-weight:500;grid-area:headline;font-size:var(--font-xlarge);color:#fff}#landing .headline>a>span{font-weight:700;color:var(--blue-regular)}#landing .headline a{text-decoration:none}#landing img{grid-area:img;margin-top:-2rem}article.about-me{grid-area:about;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#f7f6f6}.social{color:#fff}.social-container{list-style:none;display:flex;grid-gap:1rem;gap:1rem;padding:0}.social-container li a:link,.social-container li a:visited{text-decoration:none;color:var(--blue-regular);font-size:1.5rem}.connect-text{font-size:1rem;font-weight:medium}.projects-section{position:relative}.black-heading{color:#000}.blue-box{background-color:var(--blue-light);width:200vw;position:absolute;transform:translateX(-50%);top:-2rem;bottom:-2rem}.project-cards{z-index:2;margin-top:1rem;display:flex;grid-gap:2rem;gap:2rem;justify-content:center;position:relative;flex-wrap:wrap}.projects-intro{color:#000;position:relative;margin-bottom:2rem}#Projects .black-heading{color:#000}.experience-accordions{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;justify-content:center;margin-top:1rem}.white-p{color:#fff;margin-bottom:1rem;margin-top:.5rem}:root{--blue-lightest:#000;--blue-regular:#38b6ff;--blue-dark:#2d2b3d;--blue-light:#3db6fc;--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:#000;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Noto Sans;margin:0}p{margin:0}@media (max-width:730px){html{font-size:74%}}@media (max-width:575px){html{font-size:70%}}@media (max-width:505px){html{font-size:60%}}@media (max-width:445px){html{font-size:50%}}@media (max-width:375px){.accordion h3{font-size:.9rem}.accordion img{height:1.5rem}.navLinks{visibility:hidden;display:none}}
/*# sourceMappingURL=main.8def4398.chunk.css.map */