.landing-page-container{min-height:100svh;display:flex;justify-content:center;align-items:center}.text-box{background-color:#000000b8;color:#fff;font-family:IBM Plex Mono,monospace;transform:translateY(-32px);width:62%;max-height:90vh;max-width:1200px;border:4px solid white;padding:1.75rem 2rem;border-radius:9px;margin:1rem;z-index:1;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;transition:width .39s ease-in,max-width .39s ease-in,height .39s ease-out;overflow:hidden}.text-box-content{overflow-y:auto;padding:.5rem;text-align:left;font-size:clamp(1rem,1.5vmin,1.3rem);display:flex;flex-direction:column;min-height:0;transition:opacity .25s ease-in-out}.text-box-content.fading{opacity:0}.text-box.projects-active{max-height:95vh;width:70%;padding:.5rem 1.5rem;margin:.5rem}.text-box h1{font-size:clamp(1.5rem,3.5vmin,2.5rem);margin-top:.2;margin-bottom:.5rem}.text-box-nav{display:flex;justify-content:center;align-items:center;gap:1.1rem;flex-wrap:wrap}.text-box-nav a{color:#fff;text-decoration:none;font-weight:500;font-size:clamp(1rem,1.8vmin,1.3rem);cursor:pointer}.text-box-nav a:hover{color:#ff0;opacity:1}.text-box-nav a.active{opacity:1;color:#ff0;text-decoration:underline;text-underline-offset:4px}.email .email-hover,.email:hover .email-default{display:none}.email:hover .email-hover{display:inline-block}.project-display{padding-top:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;flex-grow:.5}.project-display h3{font-size:clamp(1.2rem,1.5rem,1.5rem);color:#ff0}.project-image{object-fit:contain;aspect-ratio:16/9;border-radius:4px;border:2px solid white;margin-bottom:.2rem}.project-display p{font-size:clamp(1rem,1.5vmin,1.3rem);line-height:1.2;max-width:100%;text-align:left}.project-display ul{text-align:left;max-width:90%;margin:0;padding-left:1.5em}.project-display li{position:relative;padding-left:1.5em;margin-bottom:.5em;text-align:left}.project-nav{display:flex;justify-content:center;width:90%;margin-top:auto;border-top:2px solid rgba(255,255,255,.4);padding-top:1rem;gap:2rem;margin-bottom:0;align-items:center}.project-nav button{font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:700;color:#fff;background:none;border:none;padding:.5rem;cursor:pointer;transition:color .2s}.project-nav button:hover{color:#ff0}.project-nav button:disabled{color:#777;cursor:not-allowed}.project-nav button:disabled:hover{color:#777}.project-native-select{font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:700;color:#fff;background-color:#333;border:2px solid white;border-radius:4px;padding:.4rem;cursor:pointer;text-align:center;max-width:150px;text-overflow:ellipsis}.project-native-select:hover{border-color:#ff0}.project-native-select option{font-weight:500;background-color:#000}.layers{position:fixed;inset:0;z-index:-1}.static-background{position:absolute;inset:0;background-image:url(/background.png);background-size:cover;background-position:center;z-index:1}.particle{position:absolute;inset:0;background-image:url(/background.png);background-size:cover;background-position:center;z-index:2;opacity:0;transform:scale(1);animation:particle-expand 18s infinite linear}@keyframes particle-expand{0%{transform:scale(1);opacity:0}50%{transform:scale(1.4);opacity:.7}to{transform:scale(1.8);opacity:0}}@media(max-width:1120px){.email{flex-basis:100%}.text-box{max-height:85vh;display:flex;flex-direction:column}.text-box-content{overflow-y:auto;min-height:0}}@media(max-width:700px){.text-box{background-color:#000000a8;width:90vw;max-width:95vw;max-height:90vh;padding:0;margin:0;display:flex;flex-direction:column}.text-box.projects-active{width:90vw;height:90svh;max-width:90vw;max-height:90svh;padding:0;margin:0;display:flex;flex-direction:column}.text-box-content{flex-grow:1;overflow-y:auto;min-height:0;padding:1rem;font-size:.8rem;line-height:1.3}.text-box h1{font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem}.text-box-nav{gap:.9rem;padding:0 1rem;margin-bottom:0}.text-box-nav a{font-size:.9rem}.project-display{padding-top:0;margin:-1rem;padding:.5rem}.project-display h3{font-size:1.1rem}.project-display p{font-size:.8rem;line-height:1.3;max-width:100%}.project-image{max-height:25svh;max-width:90%}.project-nav{gap:.2rem}.project-nav button,.project-native-select{font-size:.7rem;padding:.4rem;max-width:120px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{overflow:hidden;font-size:110%}html,body,#root{margin:0 padding: 0 width: 100vw;height:100%;overflow:hidden}body{background-color:#000;color:white font-family: "IBM Plex Mono",monospace}