:root{--text:#fff;--text-h:#b9297b;--bg:#000;--border:#e6d858;--accent:#004191;--accent-bg:#002655;--accent-border:#aa3bff80;--shadow:0 0 5px #ffffff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}#root{box-sizing:border-box;text-align:center;background:var(--bg);background-attachment:no-repeat;background-position:top;background-size:cover;flex-direction:column;margin:0 auto;display:flex}body{background:var(--bg)}.app{flex-direction:column;flex:1;display:flex}.app-div{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5{color:var(--text-h)}h1{font-size:5rem;font-weight:800}h3{background-color:var(--accent-bg);color:var(--text);margin:.2rem auto;padding:.2rem 1rem}h4{font-size:1.5rem;font-weight:800;line-height:auto;text-align:center}p{color:var(--text)}a{font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.header-div{background:var(--accent-bg);width:100%}.header{text-align:left;width:1024px;height:auto;margin:auto;padding:0 1rem;line-height:4rem}.navbar-div{background:var(--accent-bg);z-index:1000;width:100%;margin:.2rem auto 0;position:sticky;top:0}.navbar{text-align:left;flex-direction:row;justify-content:space-between;gap:1rem;width:1024px;height:auto;margin:auto;padding:.2rem 1rem;display:flex}.navbar__brand{text-transform:uppercase;align-self:center;width:100%;font-weight:800}.navbar__brand h3{margin:0;padding:0}.navbar__links{text-wrap:nowrap;gap:.5rem;display:flex}.navbar a{background-color:var(--accent);color:var(--text);border-radius:1rem;gap:1rem;padding:.5rem;font-size:1.2rem;text-decoration:none}.navbar a:hover{background-color:var(--bg);color:var(--text-h);filter:drop-shadow(0 0 5px var(--accent-border))}.mobile-menu-button{display:none}.home{text-align:left;max-width:512px;margin:3rem auto}.home h4{text-align:left;border-bottom:solid .1rem var(--text);width:100%;margin:2rem 0 1rem;line-height:2.5rem}.home p{margin:.5rem 0}.home a{background-color:var(--text);padding:0 .5rem}.home a:hover{background-color:var(--accent-border);color:var(--text);padding:0 .5rem}.about{border:.1rem solid var(--border);text-align:left;max-width:512px;margin:2rem auto;padding:1rem}.krp-image{width:100%;margin:1rem auto 0}.p5sketch-div h3{width:100%;font-size:3rem}.p5sketch-div{flex-direction:column;flex:1;display:flex}.p5sketch-irreggular{background-color:#fad6baf2;flex:1;align-content:center;width:100%;margin:0 auto;padding:4rem}.p5sketch-irreggular canvas{border:.2rem solid #ba9f8a}.p5sketch-notbird{background-color:#d28f2df2;flex:1;align-content:center;width:100%;margin:0 auto;padding:4rem}.p5sketch-notbird canvas{border:.2rem solid #000}.p5sketch-dungeonion{background-color:#000000f2;flex:1;align-content:center;width:100%;margin:0 auto;padding:4rem}.footer-div{background:var(--accent-bg);width:100%;margin-top:auto}.footer{text-align:right;width:1024px;margin:auto;padding:1rem}@media (width<=600px){h1{font-size:10vw;font-weight:800}h3{text-align:left}.header{width:auto;line-height:2.5rem}.navbar{flex-direction:column;gap:.2rem;width:auto;padding:.5rem 1rem}.navbar__links{flex-direction:row;justify-content:space-between;gap:.3rem;width:auto}.navbar a{background-color:var(--accent);width:100%;color:var(--accent);flex-grow:1;overflow:hidden}.navbar a:hover{background-color:var(--bg);color:var(--text-h);filter:drop-shadow(0 0 5px var(--accent-border));width:100%;overflow:visible}.home{padding:0 1rem}.home a{margin:0}.p5sketch-irreggular,.p5sketch-notbird,.p5sketch-dungeonion{margin:0 auto;padding:3rem 1rem}.p5sketch-div h3{width:100%;font-size:2rem}.about{margin:2rem 1rem}.krp-image{width:100%}.footer{text-align:center;width:auto}}