@import"https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--main-bg-color: #181825;--main-bg-color-secondary: #11111b;--main-overlay-color: #6c7086;--main-surface-color: #313244;--main-text-color: #cdd6f4;--main-text-color-secondary: #bac2de;--main-text-color-tertiary: #a6adc8;--main-text-color-quaternary: #9399b2;--main-accent-color-rosewater: #f5e0dc;--main-accent-color-mauve: #cba6f7;--main-accent-color-red: #f38ba8;--main-accent-color-peach: #fab387;--main-accent-color-yellow: #f9e2af;--main-accent-color-green: #a6e3a1;--main-accent-color-teal: #94e2d5;--main-accent-color-sapphire: #74c7ec;--main-accent-color-blue: #89b4fa}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}:root{line-height:1.5;font-weight:300;font-family:Space Mono,Courier,monospace;color-scheme:dark;color:var(--main-text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:block;position:absolute;width:100%;top:0;left:0;background-color:var(--main-bg-color);text-shadow:2px 0 1px rgba(255,255,255,.151),-2px 0 1px rgba(0,0,0,.349),0 0 3px}#root{text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;min-height:100vh;min-width:100%}#root:before{content:"";z-index:4010;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(#444 50%,#111 50%);background-size:100% 4px;background-repeat:repeat-y;opacity:.14;box-shadow:inset 0 0 1px 1px #000c;animation:pulse 5s linear infinite;pointer-events:none}.scanlines{z-index:4100;pointer-events:none}.hide{display:none}.scanlines:before{content:"";position:absolute;top:0;left:0;width:100%;height:12px;background:#fff;background:linear-gradient(to bottom,#f000,snow 50%,#fffffffa 51%,#f000);opacity:.05;animation:vline 6.2s linear infinite}@keyframes vline{0%{top:0}to{top:100%}}::-moz-selection{background:var(--main-overlay-color);color:var(--main-accent-color-rosewater)}::selection{background:var(--main-overlay-color);color:var(--main-accent-color-rosewater)}a{font-weight:500;color:var(--main-accent-color-red);text-decoration:inherit;transition:all .25s ease-in-out}a:hover{background-color:var(--main-accent-color-red);color:var(--main-overlay-color);text-shadow:3px 0 1px rgba(0,0,0,.1),-3px 0 1px rgba(0,0,0,.1),0 0 3px;box-shadow:2px 0 1px #ffffff1a,-2px 0 1px #ffffff1a;transition:all .25s ease-in-out}body{margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"navbar" "main" "footer";position:relative;place-items:center;min-width:100%;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}section{margin-top:7%;margin-bottom:7%}nav{position:fixed;z-index:100;background-color:color-mix(in srgb,var(--main-bg-color-secondary) 85%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);top:0;padding:1.5% 5%;margin:auto;min-width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.nav-home{display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:500;text-decoration:none;color:var(--main-text-color-quaternary)}.nav-home img{width:4.5rem;color:var(--main-accent-color-mauve)}.nav-home a{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:2.25rem;font-weight:600;color:var(--main-accent-color-mauve)}.nav-home a:hover{background-color:transparent;box-shadow:none;color:var(--main-accent-color-green);transition:all .25s ease-in-out}.nav-links{display:flex;flex-direction:row;justify-content:end;min-width:fit-content;align-items:center;gap:2em;font-size:1.5em;font-weight:500;text-decoration:none;color:var(--main-text-color-quaternary)}.nav-links-mobile a,.nav-links a{padding:.1em .25em;text-decoration:none;color:var(--main-text-color-quaternary);transition:color .3s ease-in-out,font-weight .3s ease-in-out}.nav-links-mobile a:hover,.nav-links a:hover{background-color:var(--main-surface-color);color:var(--main-accent-color-green);transition:all .25s ease-in-out}.sidebar{position:fixed;right:0;padding-right:25px;top:0;z-index:50;height:100vh;width:16rem;transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--main-accent-color-rosewater);background-color:transparent;border:none;cursor:pointer;transition-property:color,transform;transition-timing-function:ease-in-out;transition-duration:.3s;position:fixed;top:25%;right:7%;z-index:51}.menu-button:hover{background-color:var(--main-surface-color);color:var(--main-accent-color-red)}.sidebar-content{height:100%;overflow-y:auto;background-color:color-mix(in srgb,var(--main-bg-color-secondary) 85%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1.25rem .75rem;display:flex;flex-direction:column;gap:1.5rem;align-items:end;justify-content:start}.nav-links-mobile{margin-top:25%;margin-right:14%;display:flex;flex-direction:column;min-width:fit-content;align-items:end;gap:.5em;font-size:1.5em;font-weight:500;text-decoration:none}footer{position:absolute;bottom:0;background-color:color-mix(in srgb,var(--main-bg-color-secondary) 85%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--main-text-color);padding:20px;text-align:center;display:flex;align-items:center;justify-content:space-evenly;width:100%}footer p{margin:0;font-size:1rem}.social-links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.social-links a:hover{color:var(--main-accent-color-rosewater);background-color:transparent;text-shadow:none;box-shadow:none}.fab{width:auto;height:1.5rem;margin:0 .5rem;fill:var(--main-text-color)}@media screen and (max-width: 600px){footer{width:auto;gap:10px;padding:10px}.social-links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.social-links a:hover{background-color:transparent}}.home{width:80%;max-width:1200px;padding:1em;display:flex;flex-direction:column;align-items:start;justify-content:left;text-align:left;min-height:100vh}.home h1{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:3.3rem}.home img{height:4.5rem;object-fit:cover}.display-heading{font-style:italic;color:var(--main-accent-color-mauve)}.home-body-content{display:flex;gap:1rem;flex-direction:column;padding:0;margin:0;font-size:1.5rem}.home-body-content span{font-weight:500;color:var(--main-text-color-secondary)}.home-body-content span em{font-style:italics;color:var(--main-accent-color-sapphire)}.bar{width:100%;height:1px;background-color:var(--main-accent-color-mauve)}.projects-heading{color:var(--main-accent-color-rosewater)}.projects{display:flex;flex-direction:column;width:100%}.projects>ul{list-style:none;padding:0;margin:0}.projects>ul>li{padding:.5rem;margin:.5rem 0;transition:background-color .25s ease-in-out}.projects>ul>li:hover{background-color:var(--main-surface-color)}@media (max-width: 768px){.home{margin-top:15%}.home-body-content{font-size:1.3rem;margin-bottom:50px}}.photos{width:80%;max-width:1200px;padding:1em;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:100vh}.photos h1{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:3rem;margin-bottom:1rem;color:var(--main-accent-color-green)}.photos h1 img{height:3rem;object-fit:cover}.photos-body-content{display:flex;flex-direction:column;padding:0;margin:0;gap:1rem;font-size:1.5rem;width:100%}@media (max-width: 768px){.category-menu-host{width:100%}.photos{margin-top:15%}.photos-body-content{font-size:1.3rem}}.loader-container{display:flex;justify-content:center;align-items:center;width:100%}.loader{width:120px;aspect-ratio:1;--g: conic-gradient( from -90deg at 20px 20px, var(--main-accent-color-green) 90deg, #0000 0 );background:var(--g),var(--g) 20px 20px,var(--g) 40px 40px;background-size:50% 50%;animation:l15 1s infinite}@keyframes l15{90%,to{background-position:-60px 60px,-40px 80px,-20px 100px}}.submenu-wrapper{width:100%;position:relative}.submenu{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;margin-top:2%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;align-items:center;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;padding-left:0;padding-right:0;box-sizing:border-box}.submenu::-webkit-scrollbar{display:none}.submenu button{font-family:Space Mono,Courier,monospace;display:inline-block;color:var(--main-text-color-quaternary);text-shadow:3px 0 1px rgba(0,0,0,.1),-3px 0 1px rgba(0,0,0,.1),0 0 3px;border:none;background-color:transparent;margin:0;font-size:20px;cursor:pointer;padding-bottom:2px;margin-bottom:2rem;text-align:center;min-width:fit-content;position:relative;white-space:nowrap}.mobile-category-button:hover,.submenu button:hover{box-shadow:2px 0 1px #ffffff1a,-2px 0 1px #ffffff1a;background-color:var(--main-surface-color);color:var(--main-accent-color-green);transition:all .2s ease-in-out}.mobile-category-button.active,.submenu button.active{color:var(--main-accent-color-mauve);border:solid var(--main-accent-color-mauve) 2px}.external-link-icon{width:1em;height:1em;margin-left:.5em;vertical-align:middle;fill:var(--main-text-color-quaternary);transition:fill .2s ease-in-out}.external-link:hover{background-color:transparent;box-shadow:none}.external-link-icon{display:inline-block;vertical-align:middle}.external-link-icon:hover{fill:var(--main-accent-color-green)}.category-menu-mobile-container{display:none}.mobile-menu-trigger-container{display:flex;justify-content:center;margin-top:1rem}button.mobile-menu-trigger{font-family:Space Mono,Courier,monospace;font-size:large;padding:.1em .25em;width:fit-content;height:3rem;cursor:pointer;text-decoration:none;color:var(--main-text-color-quaternary);text-shadow:3px 0 1px rgba(0,0,0,.1),-3px 0 1px rgba(0,0,0,.1),0 0 3px;box-shadow:2px 0 1px #ffffff1a,-2px 0 1px #ffffff1a;transition:color .3s ease-in-out,font-weight .3s ease-in-out;background-color:transparent;border:solid 2px}.mobile-menu-trigger:hover{background-color:var(--main-surface-color);color:var(--main-accent-color-green);transition:all .25s ease-in-out}.mobile-category-sidebar{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100vh;background-color:color-mix(in srgb,var(--main-bg-color-secondary) 85%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--main-text-color-quaternary);transform:translate(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:1001;padding:1.5rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto}.mobile-category-sidebar.open{transform:translate(0)}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--main-accent-color-mauve)}.mobile-sidebar-header h3{margin:0;font-size:1.4rem}.close-mobile-menu{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--main-accent-color-red);background-color:transparent;border:none;cursor:pointer;transition-property:color,transform;transition-timing-function:ease-in-out;transition-duration:.3s}.close-mobile-menu:hover{background-color:var(--main-surface-color);transition:all .2s ease-in-out}.mobile-sidebar-nav{display:flex;flex-direction:column;gap:1.5rem}.mobile-category-button{font-family:Space Mono,Courier,monospace;width:100%;text-align:left;padding:2rem 1rem;font-size:16px;color:var(--main-text-color-quaternary);text-shadow:3px 0 1px rgba(0,0,0,.1),-3px 0 1px rgba(0,0,0,.1),0 0 3px;background-color:transparent;border:none;cursor:pointer;min-width:fit-content;position:relative;display:flex;justify-content:space-between;align-items:center}@media (max-width: 1100px){.submenu-wrapper{display:none}.category-menu-mobile-container{display:block}}.gallery{padding:20px;display:flex;flex-direction:column;align-items:center;gap:15pt}.gallery img{border-radius:5px;transition:all .25s ease;-webkit-user-select:none;user-select:none;width:100%;max-width:480px;height:auto;margin-bottom:0}.gallery img.loaded{opacity:1}.gallery img:hover{transform:scale(1.02);filter:none}.gallery a:hover{color:var(--main-accent-color-rosewater);background-color:transparent;text-shadow:none;box-shadow:none}@media (max-width: 2560px){.gallery{--desktop-image-gap: 15pt;padding:25px;display:block;column-count:3;column-gap:var(--desktop-image-gap);flex-direction:initial;align-items:initial;gap:initial}.gallery img{width:100%;max-width:100%;height:auto;filter:grayscale(50%);margin-bottom:var(--desktop-image-gap);break-inside:avoid-column}.gallery img:hover{filter:grayscale(0%);transform:scale(1.05)}}@media (max-width: 667px){.gallery{padding:20px;display:flex;flex-direction:column;align-items:center;gap:15pt;column-count:initial;column-gap:initial}.gallery img{width:100%;max-width:480px;height:auto;filter:none;margin-bottom:0;break-inside:initial}.gallery img:hover{transform:scale(1.02);filter:none}}.now{width:80%;max-width:1200px;padding:1em;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:100vh}.now h1{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:3rem;margin-bottom:1rem;color:var(--main-accent-color-green)}.now h1 img{height:3rem;object-fit:cover}.now-body-content{display:flex;gap:1rem;flex-direction:column;padding:0;margin:0;font-size:1.5rem;width:100%}.body-content em{font-style:italic;color:var(--main-accent-color-sapphire)}@media (max-width: 768px){.now{margin-top:15%}.now-body-content{font-size:1.3rem;margin-bottom:50px}}.contact{width:80%;max-width:1200px;padding:1em;display:flex;flex-direction:column;align-items:start;justify-content:left;text-align:left;min-height:100vh}.contact h1{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:3rem;margin-bottom:1rem;color:var(--main-accent-color-green)}.contact h1 img{height:3rem;object-fit:cover}.contact-body-content{display:flex;gap:1rem;flex-direction:column;padding:0;margin:0;font-size:1.5rem}.contact-contact-links{display:flex;flex-direction:column;gap:1em}.contact-contact-links a{padding:.25em;text-decoration:none}.social-link{padding:.1rem;display:flex;flex-direction:row;width:fit-content;align-items:center}.email-span{display:flex;flex-direction:row;align-items:baseline;gap:.5em}.email{font-weight:500;font-size:.8em;color:var(--main-accent-color-sapphire);text-decoration:none;cursor:url(),pointer}.email:hover{text-decoration:underline wavy var(--main-accent-color-sapphire) 2px}@media (max-width: 768px){.contact{margin-top:15%}.email-span{flex-direction:column;gap:0}.contact-body-content{font-size:1.3rem;margin-bottom:50px}}.missing-page{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;font-size:1.5rem;font-weight:500;gap:2rem;color:var(--main-accent-color-mauve)}.missing-header{display:flex;flex-direction:column;align-items:center}.missing-text{text-align:center;width:100%}.missingno{width:10rem}.four-oh-four{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:var(--main-accent-color-green)}.password{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;font-size:large}.password label{font-size:larger;font-weight:600;color:var(--main-accent-color-red)}#pass{width:15rem;height:2rem;padding:0% .5rem;border-radius:none;color:var(--main-accent-color-sapphire);font-family:Space Mono,Courier,monospace;font-size:medium;font-weight:300;text-shadow:2px 0 1px rgba(255,255,255,.151),-2px 0 1px rgba(0,0,0,.349),0 0 3px;border:none}#pass:focus{outline:none;box-shadow:0 0 0 2px var(--main-surface-color)}button{width:6rem;height:2rem;border-radius:none;color:var(--main-accent-color-mauve);font-family:Space Mono,Courier,monospace;font-size:large;font-weight:400;text-shadow:2px 0 1px rgba(255,255,255,.151),-2px 0 1px rgba(0,0,0,.349),0 0 3px;border:none;cursor:pointer;transition:all .3s ease-in-out}button:hover{background-color:var(--main-surface-color);color:var(--main-accent-color-red);transition:all .3s ease-in-out}