.p5-background-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.overlay-content{position:relative;z-index:1}.Introduction{padding:8rem;margin-top:var(--NavBar-height);margin-bottom:var(--Footer-height);align-items:center;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.Introduction{padding:2rem 1rem}.Introduction h1{font-size:2rem}.Introduction h2{font-size:1.2rem}}.Introduction h1{margin:0;display:block;font-size:64px;-webkit-user-select:none;user-select:none}.Introduction h2{font-size:48px;margin:0;-webkit-user-select:none;user-select:none}:root{--NavBar-height: 10vh;--Footer-height: 60px;--main-bg-color: #0e293c;--main-text-color: #18bad4;--hover-text-color: #FFFFFF;--main-bg-color-light: #f0f8fb;--main-text-color-light: #0c5060;--border-color: #333;--filter-main: var(--filter-dark);--filter-dark: invert(24%) sepia(19%) saturate(2730%) hue-rotate(150deg) brightness(93%) contrast(91%);--item-height: 12vh;--item-width: 80vw;--main-bg-hover-color:#184769;--main-bg-hover-color-light:#d0e8f3}:root[data-theme=light]{--main-bg-color: var(--main-bg-color-light);--main-text-color: var(--main-text-color-light);--main-bg-hover-color: var(--main-bg-hover-color-light);--filter-main: var(--filter-light);--filter-light: brightness(0) saturate(100%) invert(23%) sepia(11%) saturate(5237%) hue-rotate(153deg) brightness(95%) contrast(91%);--hover-text-color: #000000;--border-color: #ccc}.FooterBar{background-color:var(--main-bg-color);border-top:.5px solid var(--border-color);display:flex;justify-content:space-between;height:60px;margin-top:20px;bottom:0;width:100%;position:fixed;max-height:60px}.FooterText{display:flex;margin-left:20px;align-items:center;font-size:13.333px}#Theme{background-color:var(--main-bg-color);color:var(--main-text-color);border:0px solid var(--main-text-color);border-radius:5px;padding:10px 20px;margin:10px 30px 10px 10px;cursor:pointer;transition:background-color .2s,color .2s}#Theme:hover{background-color:var(--main-text-color);color:var(--main-bg-color);transition:background-color .2s,color .2s;stroke:var(--main-bg-color)}#Theme:hover .sunIcon{stroke:var(--main-bg-color);transition:stroke .2s}.sunIcon,.moonIcon{margin-right:8px;width:10px;height:10px;stroke:var(--main-text-color);transition:stroke .2s}#Theme:hover .sunIcon,#Theme:hover .moonIcon{stroke:var(--main-bg-color)}@media (max-width: 600px){.FooterBar{height:auto;padding:10px 0;text-align:center}.FooterText{margin:5px 0;margin-left:2vw;font-size:12px}#Theme{margin:10px 0;padding:8px 16px;font-size:12px}}.NavBar{z-index:100;background-color:var(--main-bg-color);align-items:center;padding:15px;border-bottom:.5px solid var(--border-color);display:flex;justify-content:space-between;top:0;height:var(--NavBar-height);width:100vw;box-sizing:border-box;position:fixed}.NavBarLeft{display:flex;flex-direction:row;align-items:center}.NavBarItem{padding:15px 20px;color:var(--main-text-color);text-decoration:none;transition:color .2s;display:inline-block}.NavBarItem span{position:relative;display:flex;transform:translateY(0);opacity:1;display:inline-block}.NavBarItem span:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--hover-text-color);transition:width .2s}.NavBarItem:hover span:after{width:100%}.NavBarItem:hover{color:var(--hover-text-color)}.NavBar h2{margin:0 0 0 10px;color:var(--main-text-color);text-decoration:none;padding:5px 20px 10px;align-items:center;transition:color .2s}#HomePage{text-decoration:none;padding:0;transition:color .2s}#HomePage :hover{color:var(--hover-text-color)}#githubIcon{opacity:1;filter:var(--filter-main);transition:filter .2s}#githubIcon:hover{filter:none}.hamburger{display:none;background:none;border:none;align-items:center;font-size:2rem;cursor:pointer}.HamburgerIcon.active{stroke:var(--hover-text-color);transition:stroke .2s}.NavBar ul{display:flex;flex-direction:row;margin:0 20px;padding:0;list-style:none}.nav-links{display:none;flex-direction:column}@media (max-width: 600px){.NavBar h2{white-space:nowrap}.NavBar ul{display:none;flex-direction:column}.NavBarItem{border-bottom:.5px solid var(--border-color);width:100%}.nav-links{display:none;flex-direction:column;position:absolute;top:var(--NavBar-height);right:0;background:var(--main-bg-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 8px #00000026}.nav-links.show{margin:0;left:0;display:flex}.hamburger{display:block;left:0;justify-content:space-around}}.HamburgerIcon{width:24px;height:24px;stroke:var(--main-text-color);transition:stroke .2s}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--main-bg-color);color:var(--main-text-color)}.AboutPage{padding:20px;max-width:800px;margin:0 auto;margin-bottom:var(--Footer-height);margin-top:var(--NavBar-height);line-height:1.6;margin-bottom:80px}.AboutPage ul{padding-left:20px;list-style-type:none;text-decoration:none;color:var(--main-text-color)}.AboutPage a{position:relative;margin-bottom:10px;text-decoration:none;color:var(--main-text-color)}.AboutPage a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--hover-text-color);transition:color .2s,width .2s ease}.AboutPage a:hover:after{width:100%}.AboutPage a:hover{color:var(--hover-text-color);transition:color .2s}.Projects h2{margin:0;display:block;-webkit-user-select:none;user-select:none;text-align:left}.Projects{width:min(1368px,92%);margin:0 auto;margin-top:var(--NavBar-height);padding:3rem 0 100px}.projects-title{text-align:left}.projects-grid{column-count:3;column-gap:1.25rem}@media (max-width: 600px){.projects-grid{column-count:1}}.project-card{display:inline-block;width:100%;margin:0 0 1.25rem;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;vertical-align:top;box-sizing:border-box;text-decoration:none;color:var(--main-text-color);background-color:transparent;border-radius:16px;padding:1.25rem;text-align:left;border:.5px solid var(--border-color);transition:background-color .25s ease,color .25s ease}.project-card h2,.project-card p,.project-card span{margin:0;color:inherit;transition:color .25s ease}.project-card h2{margin-bottom:.75rem}.project-card p{line-height:1.6}.project-card:hover{background-color:var(--main-text-color);color:var(--main-bg-color)}.project-card-image{width:100%;height:180px;object-fit:cover;display:block;border-radius:12px;margin-bottom:1rem}.back-link{display:inline-block;padding:.6rem 1rem;margin-bottom:1.5rem;border-radius:12px;text-decoration:none;color:var(--main-text-color);background-color:transparent;border:.5px solid var(--border-color);transition:background-color .25s ease,color .25s ease,transform .15s ease}.back-link:hover{background-color:var(--main-text-color);color:var(--main-bg-color);transform:translateY(-2px)}.project-content{max-width:800px;line-height:normal;margin:0 auto}.NotFound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;margin-top:var(--NavBar-height);margin-bottom:var(--Footer-height)}.ascii-art{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;line-height:1;font-size:5px;padding:16px;overflow:auto;-webkit-user-select:none;user-select:none}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--main-bg-color);color:var(--main-text-color);transition:background-color .4s}.Skills h2{margin:0;display:block;-webkit-user-select:none;user-select:none;text-align:left}.Skills{padding:3rem 8rem;align-items:center;text-align:center;-webkit-user-select:none;user-select:none;margin-top:var(--NavBar-height);margin-bottom:0}