@font-face{font-family:Harmond-SemiBoldCondensed;src:local("Harmond-SemiBoldCondensed"),url(/fonts/Harmond-SemiBoldCondensed.woff2) format("woff2"),url(/fonts/Harmond-SemiBoldCondensed.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Sora;src:local("Sora-Regular"),url(/fonts/Sora-Regular.woff2) format("woff2"),url(/fonts/Sora-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Sora;src:local("Sora-Bold"),url(/fonts/Sora-Bold.woff2) format("woff2"),url(/fonts/Sora-Bold.ttf) format("truetype");font-weight:500;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}[data-fade]{opacity:.001;transform:translateY(28px)}.fade-visible{opacity:1;transform:translateY(0);transition:opacity .9s ease,transform .9s ease}@media (prefers-reduced-motion: reduce){[data-fade]{opacity:1;transform:none}.fade-visible{transition:none}}html{overflow-x:hidden;scroll-behavior:auto}:root{font-family:Sora,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-size:16px;font-weight:400;color-scheme:light dark;color:#563545;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}h1,h2,h3{font-family:Harmond-SemiBoldCondensed,Times New Roman,Times,serif;line-height:1.2;font-weight:500}h1,h2{font-size:7em}@media only screen and (max-width: 700px){h1,h2{font-size:4em}}h3{font-size:5em}@media only screen and (max-width: 700px){h3{font-size:3em}}h4{font-size:3em}@media only screen and (max-width: 700px){h4{font-size:2em}}p{font-size:1.25em}@media only screen and (max-width: 700px){p{font-size:1em}}a{font-weight:600;text-decoration-line:none;font-size:1.25em;transition:ease-in-out .2s;position:relative;text-decoration:underline;text-underline-offset:.35rem}@media only screen and (max-width: 700px){a{font-size:1em}}a:active,a:visited,a:link{color:inherit}a:hover,a:focus{outline:none;color:#ffdfef;text-shadow:#ffdfef 0 0 2px,#bf407d 0 0 4px,#bf407d 0 0 6px,#bf407d 0 0 8px,#bf407d 0 0 10px}body{display:flex;flex-direction:column;justify-content:start;background:linear-gradient(to bottom,#ffdbdf,#fff4ea 200px);margin:0;overflow-x:hidden;position:relative}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover,button:focus{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.nav-links{display:flex;gap:2rem;flex-wrap:wrap}.nav-links a{color:inherit;font-weight:600;transition:ease-in-out .2s;position:relative;text-decoration:none}.nav-links a:before{transition:ease-in-out .5s;opacity:0;content:"";top:50%;transform:translateY(-50%);left:-1rem;position:absolute;width:.5rem;height:.5rem;border-radius:999px;background:#ffdfef;box-shadow:#ffdfef 0 0 2px,#bf407d 0 0 4px,#bf407d 0 0 6px,#bf407d 0 0 8px,#bf407d 0 0 10px}@media only screen and (max-width: 700px){.nav-links a:before{left:-.75rem;width:.33rem;height:.33rem}}.nav-links a:hover,.nav-links a:focus{position:relative;color:#ffdfef;text-shadow:#ffdfef 0 0 2px,#bf407d 0 0 4px,#bf407d 0 0 6px,#bf407d 0 0 8px,#bf407d 0 0 10px;outline:none}.nav-links a:hover:before,.nav-links a:focus:before{opacity:1}@keyframes headerSlideDown{0%{transform:translate(-50%) translateY(-24px);opacity:0;background-color:#fff4eab7}to{transform:translate(-50%) translateY(0);opacity:1;background-color:#fff4ea37}}@keyframes navItemFadeUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}header{padding:1em 2em;z-index:999;position:fixed;top:2em;left:50%;width:calc(100% - 4em);max-width:calc(1500px - 4em);background-color:#fff4ea37;box-shadow:0 0 0 2px #fff4ea59,0 8px 16px #2b2b2b0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;display:flex;justify-content:space-between;gap:2rem;align-items:center;animation:headerSlideDown .7s cubic-bezier(.22,1,.36,1) both}header #logo{animation:navItemFadeUp .5s cubic-bezier(.22,1,.36,1) .35s both;color:#563545;transition:color .2s ease-in-out}header #logo svg{transition:filter .2s ease-in-out}header #logo:hover,header #logo:focus{outline:none;color:#ffdfef}header #logo:hover svg,header #logo:focus svg{filter:drop-shadow(0 0 2px #ffdfef) drop-shadow(0 0 6px #bf407d) drop-shadow(0 0 10px #bf407d)}header .nav-links a{animation:navItemFadeUp .5s cubic-bezier(.22,1,.36,1) both}header .nav-links a:nth-child(1){animation-delay:.5s}header .nav-links a:nth-child(2){animation-delay:.6s}header .nav-links a:nth-child(3){animation-delay:.7s}header .nav-links a:nth-child(4){animation-delay:.8s}@media only screen and (max-width: 700px){header{top:1em;width:calc(100% - 2em)}}header .nav-links{display:flex}@media only screen and (max-width: 700px){header .nav-links{display:none}header .nav-links #logo #chelseadoeleman svg{width:100px;height:auto}}@media only screen and (max-width: 700px){header #logo #chelseadoeleman{max-width:150px;height:auto}}@media (prefers-reduced-motion: reduce){header{animation:none}header #logo,header .nav-links a{animation:none}}.mobile-navigation{padding:.75rem 1.25rem;z-index:999;position:fixed;bottom:1em;left:50%;width:calc(100% - 2em);max-width:calc(1500px - 2em);background-color:#fff4ea37;box-shadow:0 0 0 2px #fff4ea59,0 8px 16px #2b2b2b0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;display:none}@media only screen and (max-width: 700px){.mobile-navigation{display:flex;animation:mobileNavSlideUp .7s cubic-bezier(.22,1,.36,1) both}.mobile-navigation .nav-links{display:flex;gap:1rem;justify-content:space-evenly;align-items:center;width:100%;font-size:.8rem}.mobile-navigation .nav-links a{animation:navItemFadeUp .5s cubic-bezier(.22,1,.36,1) both}.mobile-navigation .nav-links a:nth-child(1){animation-delay:.5s}.mobile-navigation .nav-links a:nth-child(2){animation-delay:.6s}.mobile-navigation .nav-links a:nth-child(3){animation-delay:.7s}.mobile-navigation .nav-links a:nth-child(4){animation-delay:.8s}}@media only screen and (max-width: 700px) and (prefers-reduced-motion: reduce){.mobile-navigation,.mobile-navigation .nav-links a{animation:none}}@keyframes mobileNavSlideUp{0%{transform:translate(-50%) translateY(24px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.pb-medium{padding-bottom:20rem}.flower-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch}@media only screen and (max-width: 700px){.flower-container{overflow:hidden}}@keyframes flowerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.flower-bg{animation:none}}@keyframes flowerSlideUp{0%{transform:translate(-52%) translateY(80px) scale(.85);opacity:0}to{transform:translate(-52%) translateY(0) scale(1);opacity:1}}.flower-image{position:absolute;left:52%;transform:translate(-52%);top:-200px;z-index:-1;width:1800px;height:auto;animation:flowerSlideUp 2.2s cubic-bezier(.22,1,.36,1) both}@media only screen and (max-width: 700px){.flower-image{top:-120px;width:1300px}}@media (prefers-reduced-motion: reduce){.flower-image{animation:none}}.half-circle{display:flex;flex-direction:column;align-items:center;padding:0 2em;z-index:1;margin-top:450px;width:100%;min-height:720px;background-color:#ffa9b1;border-top-left-radius:999px;border-top-right-radius:999px;padding-bottom:15rem;padding-top:10em}@media only screen and (max-width: 700px){.half-circle{margin-top:350px;padding-bottom:8rem;padding-top:8em}}.half-circle p{max-width:50ch}.text-container{display:flex;flex-direction:column;gap:2em;align-items:center;max-width:60ch;text-align:center}.pink{display:flex;flex-direction:column;align-items:center;padding:0 2em;background-color:#ffa9b1;width:100%}.purple{display:flex;flex-direction:column;align-items:center;background-color:#9ba2ff;width:100%;color:#1a1c3d;border-radius:999px 999px 0 0;min-height:750px;padding:15rem 2rem}.green{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-color:#495940;width:100%;color:#fafbf9;border-radius:999px 999px 0 0;min-height:750px;padding:8rem 2rem}@media only screen and (max-width: 700px){.green{padding:3rem 2rem;justify-content:center}}footer{max-width:1500px;margin:0 auto;width:100%;padding-top:6rem}@media only screen and (max-width: 700px){footer{padding-top:3rem}}footer .green h2{text-align:center}footer .green .contact-details{display:flex;flex-direction:row;gap:3rem;padding:2rem 4rem;align-items:center;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 700px){footer .green .contact-details{gap:1em;padding:2rem 1rem}}footer .green .contact-details .link-container{flex:1;text-wrap:nowrap}footer .green .contact-details .link-container a{display:flex;gap:.5rem;align-items:center}footer .green .contact-details .location-container{flex:1;text-wrap:nowrap;display:flex;gap:.5rem;align-items:center}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1500px;margin:0 auto;flex-grow:1}.page-root{animation:pageEnter .6s ease forwards}@media (prefers-reduced-motion: reduce){.page-root{animation:none}}@keyframes pageEnter{0%{opacity:.001}to{opacity:1}}.projects-overview{display:flex;flex-direction:column;gap:8em;padding:0 4rem}@media only screen and (max-width: 700px){.projects-overview{gap:4em;padding:0 2rem}}.projects-overview h2{text-align:center;max-width:900px}.projects-overview .projects-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8rem;padding-bottom:4em}@media only screen and (max-width: 700px){.projects-overview .projects-wrapper{gap:4rem}}.projects-overview h3{transition:ease-in-out .5s;color:#563545;display:flex;align-items:center;justify-content:center;text-align:center}.projects-overview .project-header{display:flex;justify-content:center;align-items:center}.projects-overview canvas{display:block;width:100%;height:100%;position:relative;pointer-events:auto;transition:ease-in-out .5s,box-shadow .2s ease-in-out;border-radius:2rem;overflow:hidden}.projects-overview .project-section a:hover,.projects-overview .project-section a:focus{outline:none}.projects-overview .project-section a:hover canvas,.projects-overview .project-section a:focus canvas{box-shadow:0 0 4px #cccfff,0 0 10px #9ba2ff,0 0 20px #9ba2ff,0 0 32px #9ba2ff}.project-section{display:flex;align-items:flex-end;justify-content:center;padding-bottom:4rem}@media only screen and (max-width: 700px){.project-section{padding-bottom:2rem;align-items:flex-start;height:100%}}.project-canvas{position:sticky;top:0;width:100%;height:100vh;pointer-events:none;z-index:1}ul,li,ol{margin:0;padding:0;list-style:none;font-size:1.25rem}@media only screen and (max-width: 700px){ul,li,ol{font-size:1rem}}ul.sum-of-items{padding-left:1rem}ul.sum-of-items li{list-style:outside}ol.sum-of-items{padding-left:1.5rem}ol.sum-of-items li{list-style:decimal outside}.about-me .content-wrapper{display:flex;flex-direction:row;gap:4rem;align-items:center;padding:0 4rem;flex-wrap:wrap}@media only screen and (max-width: 700px){.about-me .content-wrapper{padding:0}}.about-me .content-wrapper .image-wrapper{flex:1;width:100%;min-width:320px;position:relative;display:flex;align-items:center;justify-content:center}.about-me .content-wrapper .image-wrapper .flower-bg{position:absolute;width:33%;height:33%;object-fit:contain;animation:flowerRotate 20s linear infinite;pointer-events:none;z-index:2;bottom:0;right:1rem}.about-me .content-wrapper .image-wrapper img:not(.flower-bg){position:relative;z-index:1}.about-me .content-wrapper .text-wrapper{display:flex;flex-direction:column;gap:1rem;text-align:left;flex:1;max-width:60ch}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:lightboxFadeIn .2s ease both}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.75rem;cursor:default;animation:lightboxScaleIn .2s ease both}@keyframes lightboxScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.lightbox-close:hover,.lightbox-close:focus{opacity:1;outline:none}@media (prefers-reduced-motion: reduce){.lightbox-overlay,.lightbox-image{animation:none}}#project-page{max-width:1500px;margin:0 auto;padding:2rem}@media only screen and (max-width: 700px){#project-page{padding:1rem}}#project-page .text-wrapper{padding:4em;max-width:720px;display:flex;gap:2em;flex-direction:column;justify-content:center}@media only screen and (max-width: 700px){#project-page .text-wrapper{padding:2em}}#project-page .project-head{padding:15rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 700px){#project-page .project-head{padding-top:10rem}}#project-page .project-head h1{text-wrap:wrap;line-height:1;margin-bottom:1rem}#project-page .project-head h2{font-size:2rem;text-align:center}#project-page section{flex:1;display:flex;justify-content:center}#project-page section.white{background-color:#fff4ea;border-radius:2rem}#project-page section .paragraph-container{display:flex;gap:.5em;flex-direction:column}#project-page section .paragraph-container h4{font-size:1.5em;font-weight:600}#project-page section .image-container{width:100%;height:auto;object-fit:contain;overflow:hidden;border-radius:1rem}#project-page section .image-container.cover{height:100%;object-fit:cover}#project-page section .image-container img{width:100%;height:100%;cursor:zoom-in}#project-page .images-container{display:flex;justify-content:center;align-items:flex-start;gap:.5rem;padding:2rem 0}#project-page .project-image{display:flex;object-fit:contain;border-radius:2rem;overflow:hidden}#project-page .project-image img{width:100%;height:100%}#project-page .project-details{display:flex;gap:1em;flex-wrap:wrap}#project-page .project-details li{flex-grow:1}#project-page .project-details li .project-details-title{font-size:1rem;opacity:.5}@media only screen and (max-width: 700px){#project-page .project-details li .project-details-title{font-size:.75rem}}#project-page .project-details li .project-details-item{font-size:1.25rem}@media only screen and (max-width: 700px){#project-page .project-details li .project-details-item{font-size:1rem}}