@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playwrite+NO:wght@100..400&display=swap);@font-face{font-family:Cascadia;src:url(/static/media/CascadiaCode.87b9342d78ef36540fd1.ttf)}*,:after,:before{box-sizing:border-box}body,html{background:var(--color-bg);font-family:Cascadia,monospace;font-weight:600;margin:0;overflow-x:hidden;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,html{color:var(--color-text)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}.linkText,p{color:var(--color-text)}.linkText{text-decoration:none}.linkText:hover{color:var(--color-link-hover)}body,html{transition:background-color .6s ease,color .6s ease}body.dark-mode{background:var(--color-night);color:var(--color-overlay-text)}body.dark-mode .musicPage,body.dark-mode .navbar,body.dark-mode .topBar{background:var(--color-night);transition:background .6s ease}body.dark-mode .bodyText,body.dark-mode .logo,body.dark-mode .musicSubtitle,body.dark-mode .nav-links li a,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p{color:var(--color-overlay-text);transition:color .6s ease}body.dark-mode .footer p{color:var(--color-overlay-text)}body.dark-mode .darkSection{background:var(--color-night);transition:background .6s ease}.navbar{align-items:center;background:var(--color-bg);display:flex;gap:1rem;height:auto;justify-content:center;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.logo{color:var(--color-link);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.15rem;font-style:normal;font-weight:700;text-decoration:none}.logo:hover{color:var(--color-link-hover)}.nav-links{align-items:center;display:flex;flex-direction:row;gap:1rem;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--color-link);font-size:1.15rem;text-decoration:none}.nav-links li a:hover{color:var(--color-link-hover)}@media (max-width:600px){.navbar{padding:.5rem}.logo{font-size:.95rem}.nav-links{flex-wrap:nowrap;gap:.6rem;white-space:nowrap}.nav-links li a{font-size:.95rem}}@media (max-width:380px){.nav-links li a{font-size:.8rem}.logo{font-size:.85rem}}.footer{background-color:var(--color-footer-bg);justify-content:center;padding:.05vh;text-align:center}.footer,.footer p{color:var(--color-overlay-text)}.photoReveal{position:relative;width:100%}.photoReveal-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.photoReveal-layer .revealClip{pointer-events:auto}.revealClip{animation:popIn .12s ease-out forwards,fadeOut .4s ease-in .8s forwards;position:absolute}.revealClip,.revealClip img{pointer-events:none;-webkit-user-select:none;user-select:none}.revealClip img{display:block;height:auto;object-fit:cover;width:100%}@keyframes popIn{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes fadeOut{to{opacity:0}}.codeReveal{position:relative}.codeReveal-layer{inset:0;overflow:hidden;z-index:0}.codeReveal-layer,.codeSnippet{pointer-events:none;position:absolute}.codeSnippet{animation:codePopIn .12s ease-out forwards,codeFadeOut .4s ease-in .8s forwards;background:var(--color-code-reveal-bg);border-radius:4px;color:var(--color-code-reveal-text);font-family:Cascadia,monospace;margin:0;padding:.4rem .6rem;-webkit-user-select:none;user-select:none;white-space:pre}@keyframes codePopIn{0%{opacity:0}to{opacity:1}}@keyframes codeFadeOut{to{opacity:0}}.musicReveal{position:relative}.musicReveal-layer{inset:0;overflow:hidden;z-index:0}.musicNote,.musicReveal-layer{pointer-events:none;position:absolute}.musicNote{animation:musicPopIn .15s ease-out forwards,musicFadeOut .4s ease-in .8s forwards;color:var(--color-text);font-family:Cascadia,monospace;line-height:1;-webkit-user-select:none;user-select:none}@keyframes musicPopIn{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes musicFadeOut{to{opacity:0}}.topSectionContainer{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:90vh;justify-content:center;overflow:hidden;padding:1vh 1vw;position:relative;width:100vw}.homeTitle{font-family:Cascadia,monospace;font-size:600%;pointer-events:none}.arrow,.homeTitle{color:var(--color-text);font-weight:600;position:relative;text-align:center;z-index:2}.arrow{background:none;border:none;cursor:pointer;display:block;font-family:Inter,serif;font-size:1500%;line-height:1;text-decoration:none}.homeContent{align-items:center;display:flex;flex-direction:row;gap:50px;justify-content:center;margin:40px auto;max-width:900px}.aboutPageText{color:var(--color-text);font-family:Cascadia,monospace;font-size:2.5rem;font-weight:400;line-height:1.6;text-align:center;width:-webkit-fit-content;width:fit-content}.homeContentText{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.codingSection,.musicSection{padding:3rem 0;width:100%}.codingSection>.homeContent,.musicSection>.homeContent{position:relative;z-index:1}.introReveal>.homeContent,.introReveal>.topSectionContainer{position:relative;z-index:2}.homeButton{border:1.5px solid var(--color-text);border-radius:10px;color:var(--color-text);display:inline-block;font-family:Cascadia,monospace;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.homeButton:hover{background:var(--color-text);color:var(--color-bg)}.profilePicture{width:clamp(380px,45vw,850px)}.profilePicture,.rectanglePicture{border-radius:10px;flex:0 0 auto;height:auto}.rectanglePicture{width:clamp(380px,30vw,850px)}.rectanglePicture--small{width:clamp(304px,24vw,680px)}@media (max-width:900px){.homeContent{align-items:center;flex-direction:column}.profilePicture,.rectanglePicture{max-width:100%;width:100%}}@media (max-width:600px){.homeTitle{font-size:clamp(2rem,12vw,5rem)}.arrow{font-size:clamp(4rem,30vw,10rem)}.aboutPageText{font-size:1.2rem;text-align:center}.homeContent{gap:20px;padding:0 1.5rem}}.project-card{background:var(--color-project-card-bg);border:1.5px solid var(--color-border);border-radius:16px;box-shadow:0 2px 8px var(--color-shadow);overflow:hidden;transition:box-shadow .2s ease}.project-card:hover{box-shadow:0 6px 24px var(--color-shadow)}.project-card-header{align-items:center;cursor:pointer;display:flex;height:8rem;justify-content:space-between;padding:1.5rem 2rem;-webkit-user-select:none;user-select:none}.project-card-header:focus-visible{outline:2px solid var(--color-project-brand-red);outline-offset:-2px}.project-card-label{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center}.project-card-label img{max-height:5rem;max-width:16rem;object-fit:contain}.project-card-chevron{color:var(--color-text);flex-shrink:0;font-size:1.1rem;margin-left:1rem;transition:transform .25s ease}.project-card-chevron.open{transform:rotate(90deg)}.project-card-body{background:var(--color-project-card-body-bg);border-top:1.5px solid var(--color-border);padding:2.5rem 3rem}.card-section{align-items:center;display:flex;flex-direction:row;gap:3rem;margin-bottom:3rem}.card-section:last-child{margin-bottom:0}.card-section img.card-screenshot{max-width:480px;width:45%}.card-section img.card-screenshot,.card-section img.card-screenshot-sm{border-radius:12px;box-shadow:0 4px 16px var(--color-project-image-shadow);flex-shrink:0}.card-section img.card-screenshot-sm{width:160px}.card-screenshot-memoriez,.card-section img.card-screenshot-memoriez{width:180px}.card-text{color:var(--color-project-text);flex:1 1;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.7}.card-phones-row{align-items:flex-end;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-bottom:2rem}.card-github{align-items:center;background:#0000;border:1.5px solid var(--color-project-brand-red);border-radius:8px;color:var(--color-project-brand-red);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:1rem;padding:.5rem 1.2rem;text-decoration:none;transition:background .15s ease,color .15s ease}.card-github:hover{background:var(--color-project-brand-red);color:var(--color-project-button-hover-text)}.card-github img{filter:invert(13%) sepia(80%) saturate(2000%) hue-rotate(340deg);height:1.2rem;transition:filter .15s ease}.card-github:hover img{filter:brightness(0) invert(1)}.card-label-stolen{color:var(--color-project-text);font-family:Playfair Display,serif;font-size:2rem;font-weight:500}.card-label-website{color:var(--color-project-website);font-family:Cascadia,monospace;font-size:2rem;font-weight:700}.card-label-plugin{color:var(--color-project-plugin);font-family:Avenir,Avenir Next,Inter,sans-serif;font-size:2rem;font-weight:700}.card-label-memoriez{color:var(--color-project-brand-red);font-family:Playwrite NO,cursive;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400;line-height:1}@media (max-width:768px){.project-card-header{padding:1.2rem}.project-card-body{padding:1.5rem 1.2rem}.card-section{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.card-section img.card-screenshot{max-width:100%;width:100%}.card-phones-row{align-items:center;flex-direction:column}.card-section img.card-screenshot-sm{width:80%}.card-screenshot-memoriez,.card-section img.card-screenshot-memoriez{max-width:65vw;width:180px}.project-card-label img{max-width:55vw}.card-label-memoriez{font-size:clamp(1.6rem,9vw,2.2rem)}}.projectsPage{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.projectsPage .accordions{display:flex;flex:1 1;flex-direction:column;gap:1rem;margin:0 auto;max-width:960px;padding:1rem 2rem 3rem;width:100%}.projectsPage .pageTitle{font-size:clamp(2rem,6vw,5rem);margin:0;padding:.5em 0;text-align:center}@media (max-width:768px){.projectsPage .accordions{padding:1rem 1rem 2rem}}.contactPage{display:flex;flex-direction:column;min-height:100vh}.contactContent{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.2rem;justify-content:flex-start;padding:3rem 1rem}.contactTitle{color:var(--color-text);font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.08em;margin:0 0 1.5rem;text-align:center}.contact-links{display:flex;flex-direction:column;gap:1rem;max-width:420px;width:100%}.contactLink{align-items:center;background:#0000;border:1.5px solid var(--color-text);border-radius:12px;color:var(--color-text);display:flex;font-family:Cascadia,monospace;font-size:1.1rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;padding:1rem 1.5rem;text-decoration:none;transition:background .15s ease,color .15s ease}.contactLink:hover{background:var(--color-text);color:var(--color-bg)}.contactLink-arrow{font-size:1rem;transition:transform .15s ease}.contactLink:hover .contactLink-arrow{transform:translateX(4px)}@media (max-width:600px){.contact-links{max-width:100%;padding:0 .5rem}}.musicIntro,.musicPage,.musicPage .navbar{background:var(--color-night)}.musicIntro{align-items:center;display:flex;gap:clamp(2rem,6vw,6rem);justify-content:center;min-height:min(68vh,720px);overflow:hidden;padding:clamp(3rem,7vw,6rem) 2rem clamp(2rem,5vw,4rem);position:relative}.musicIntro:after{background:var(--color-project-brand-red);bottom:clamp(1rem,4vw,3rem);content:"";height:3px;opacity:.55;pointer-events:none;position:absolute;right:max(1rem,8vw);width:min(36vw,520px);z-index:0}.musicIntroText{flex:1 1 420px;max-width:600px;position:relative;z-index:1}.musicIntroKicker{color:var(--color-project-brand-red);font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.18em;margin:0 0 1rem;text-transform:uppercase}.musicIntroText h1{color:var(--color-overlay-text);font-family:Cascadia,monospace;font-size:clamp(2.4rem,5.8vw,5.4rem);line-height:1.02;margin:0;text-align:left}.musicIntroBody{color:var(--color-overlay-text);font-family:Inter,system-ui,sans-serif;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:500;line-height:1.55;margin:1.5rem 0 0;max-width:520px}.musicIntroImageFrame{flex:0 1 430px;position:relative;z-index:1}.musicIntroImageFrame:before{border:2px solid #92101052;border-radius:10px;content:"";inset:1rem -1rem -1rem 1rem;position:absolute;z-index:-1}.musicIntroImage{aspect-ratio:4/5;border-radius:10px;box-shadow:0 24px 80px #0f0f103d;display:block;min-width:300px;object-fit:cover;object-position:center top;width:min(34vw,430px)}.topBar{grid-column-gap:48px;align-items:center;background:var(--color-night);column-gap:48px;display:grid;grid-template-columns:auto auto auto;justify-content:center;justify-items:center;padding:20px 30px;width:100%}.leftCloudBoundingBox,.rightCloudBoundingBox{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:auto}.leftCloudImage,.rightCloudImage{display:block;filter:drop-shadow(0 0 15px var(--color-music-cloud-glow));height:auto;max-width:350px}.leftCloudImage{animation:cloudSwayLeft 6s ease-in-out infinite}.leftCloudImage,.rightCloudImage{transform-origin:50% 60%;will-change:transform}.rightCloudImage{animation:cloudSwayRight 7.5s ease-in-out infinite;animation-delay:.6s}@keyframes cloudSwayLeft{0%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(6px) rotate(1deg)}to{transform:translateY(0) rotate(-1.5deg)}}@keyframes cloudSwayRight{0%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-6px) rotate(-2deg)}to{transform:translateY(0) rotate(3deg)}}.footprintLogo{align-items:center;display:flex;justify-content:center}.topBar .footprintLogo img{animation:glowFade 2s infinite alternate;filter:drop-shadow(0 0 15px var(--color-footprint-glow)) drop-shadow(0 0 30px var(--color-footprint-glow-soft));height:auto;width:800px}@keyframes glowFade{0%{filter:drop-shadow(0 0 15px var(--color-footprint-glow-from)) drop-shadow(0 0 30px var(--color-footprint-glow-from-soft))}to{filter:drop-shadow(0 0 15px var(--color-footprint-glow-to)) drop-shadow(0 0 30px var(--color-footprint-glow-to-soft))}}.albumRow{display:flex;gap:10px;padding:10px}.albumRow>*{flex:1 1 auto;min-width:0}.albumMain{align-items:center;display:flex;filter:drop-shadow(0 0 15px var(--color-music-album-glow)) drop-shadow(0 0 30px var(--color-music-album-glow-soft));gap:10px;justify-content:center;margin:0 auto;max-width:450px;padding:20px}.albumCover{border-radius:20px;height:auto;width:600px}.darkSection{width:100%}.bandPicsGallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:3rem 0 0;width:100%}.bandPic{cursor:pointer;display:block;height:60vh;object-fit:cover;transition:transform .4s ease;width:100%}.bandPic:nth-child(5){grid-column:1/-1;height:80vh}.bandPic:hover{transform:scale(1.02)}.instagramEmbedSection{display:flex;justify-content:center;padding:4rem 1rem 3rem;width:100%}.instagramEmbedSection .instagram-media{margin:0 auto!important;max-width:540px!important;min-width:min(326px,100%)!important;width:min(100%,540px)!important}.lightboxOverlay{align-items:center;animation:fadeIn .2s ease;background:var(--color-lightbox-backdrop);cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.lightboxImg{border-radius:8px;box-shadow:0 0 60px var(--color-lightbox-shadow);max-height:90vh;max-width:90vw;object-fit:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.musicIntro{align-items:flex-start;flex-direction:column;gap:2rem;min-height:auto;padding:2.5rem 1.5rem 1rem}.musicIntro:after{bottom:1rem;left:1.5rem;right:auto;width:45vw}.musicIntroText h1{font-size:clamp(2.2rem,13vw,4rem)}.musicIntroBody{font-size:1rem}.musicIntroImage{min-width:0;width:min(100%,360px)}.musicIntroImageFrame{align-self:center}.bandPicsGallery{grid-template-columns:1fr}.bandPic,.bandPic:nth-child(5){height:70vh}}.musicSubtitle{align-items:center;display:flex;gap:10px;justify-content:center;margin:0 auto;max-width:450px;padding:20px}.bodyText,.musicSubtitle{color:var(--color-text);font-family:Cascadia,monospace;text-align:center}.linkContainer{display:flex;flex-direction:row;gap:40px;justify-content:center;margin-top:20px}.spotifyLogo{display:block;filter:drop-shadow(0 0 15px var(--color-music-link-glow)) drop-shadow(0 0 30px var(--color-music-link-glow-soft));height:auto;margin:20px auto;transition:transform .1s ease-in-out;width:200px}.spotifyLogo:hover{transform:scale(1.05)}.youtubeLinkLogo{display:block;filter:drop-shadow(0 0 15px var(--color-music-link-glow)) drop-shadow(0 0 30px var(--color-music-link-glow-soft));height:auto;margin:20px auto;transition:transform .1s ease-in-out;width:220px}.youtubeLinkLogo:hover{transform:scale(1.05)}.youtubeEmbed{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:0;width:100%}.youtubeEmbed iframe{aspect-ratio:16/9;border:none;display:block;height:auto;width:100%}@media (max-width:768px){.topBar{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:1rem;row-gap:1rem}.topBar .footprintLogo img{width:90vw}.leftCloudImage,.rightCloudImage{max-width:60vw}.albumRow{flex-wrap:nowrap;overflow-x:auto}.albumCover{min-width:60vw;width:60vw}.albumMain{max-width:80vw}.youtubeEmbed{grid-template-columns:1fr}.youtubeEmbed iframe{aspect-ratio:16/9;height:auto;width:100%}.linkContainer{gap:20px}.spotifyLogo{width:140px}.youtubeLinkLogo{width:160px}}.blogPage{display:flex;flex-direction:column;min-height:100vh}.blogContent{flex:1 1;margin:0 auto;max-width:720px;padding:3rem 1.5rem;width:100%}.blogTitle{font-size:clamp(2.5rem,8vw,5rem);letter-spacing:.08em;margin:0 0 2.5rem}.post-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;display:block;margin-bottom:1rem;padding:1.5rem 2rem;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease}.post-card:hover{border-color:var(--color-text);box-shadow:0 4px 20px var(--color-shadow)}.post-card-title{color:var(--color-text);font-family:Cascadia,monospace;font-size:1.4rem;margin:0 0 .4rem}.post-card-date{font-size:.85rem;margin:0 0 .8rem}.post-card-date,.post-card-excerpt{color:var(--color-text-soft);font-family:Inter,sans-serif;font-weight:400}.post-card-excerpt{font-size:1rem;line-height:1.6;margin:0}.blogPostPage{display:flex;flex-direction:column;min-height:100vh}.blogPostContent{flex:1 1;margin:0 auto;max-width:720px;padding:3rem 1.5rem;width:100%}.blogPost-back{color:var(--color-text);display:inline-block;font-family:Cascadia,monospace;font-size:.95rem;margin-bottom:2rem;text-decoration:none;transition:opacity .15s ease}.blogPost-back:hover{opacity:.7}.blogPost-title{font-size:clamp(1.8rem,5vw,3rem);line-height:1.2;margin:0 0 .5rem}.blogPost-date{font-size:.85rem;margin:0 0 2.5rem}.blogPost-body,.blogPost-date{color:var(--color-text-soft);font-family:Inter,sans-serif;font-weight:400}.blogPost-body{font-size:1.1rem;line-height:1.8}.blogPost-body p{color:var(--color-text-soft);margin:0 0 1.2rem}.blogPost-404{color:var(--color-text);font-family:Cascadia,monospace;padding:4rem 1rem;text-align:center}
/*# sourceMappingURL=main.e56e4e00.css.map*/