@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:0}html{transition:background-color .5s ease-in-out,color .3s ease-in-out}:root{--bg-color:#f9fafb;--text-color:#111827;--button-bg:#e5e7eb;--button-text:#111827;--nav-height:50px;--sidebar-width:30px;--background-overlay:#fff}.dark{--bg-color:#111827;--text-color:#f3f3f3;--button-bg:#374151;--button-text:#f9fafb;--background-overlay:#000}body{@apply text-gray-800 font-mono bg-gray-100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-blend-mode:multiply;background-image:url(../../static/media/grain_texture.5c5bf07ad3ead45213b0.jpeg);background-repeat:repeat;background-size:600px 600px;color:#111827;color:var(--text-color);font-family:IBM Plex Mono,monospace;height:100dvh;margin-left:30px;margin-left:var(--sidebar-width)}#root,body,html{height:100%;margin:0;padding:0}body:before{background-color:#fff;background-color:var(--background-overlay);bottom:0;content:"";left:0;opacity:.8;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}a{color:#111827;color:var(--text-color)}h1{font-style:normal;margin:0;text-transform:uppercase}.braces-button{background:none;border:none;color:#111827;color:var(--text-color);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:1rem;outline:none;padding:0;text-decoration:none;transition:color .2s ease}.braces-button:before{content:"{ "}.braces-button:after,.braces-button:before{font-family:Courier New,Courier,monospace;font-size:large}.braces-button:after{content:" }"}.braces-button:active,.braces-button:hover{color:var(--button-selected)}.navbar{align-items:center;display:flex;height:50px;height:var(--nav-height);justify-content:center;margin-left:30px;margin-left:var(--sidebar-width);width:calc(100vw - 30px);width:calc(100vw - var(--sidebar-width));z-index:10}.nav-links a,.navbar{color:#111827;color:var(--text-color)}.nav-links a{display:inline-block;margin-right:1.5rem;position:relative;text-decoration:none;transition:color .2s ease-in-out}.nav-links a:before{content:"[";margin-right:.25rem}.nav-links a:after,.nav-links a:before{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.nav-links a:after{content:"]";margin-left:.25rem}.nav-links a:hover:after,.nav-links a:hover:before{opacity:1}.dark-toggle{border:none;border-radius:4px;color:#111827;color:var(--button-text);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all 300s ease-in-out}.theme-sidebar{border-right:1px solid #111827;border-right:1px solid var(--button-text);flex-direction:column;font-family:IBM Plex Mono,monospace;height:100dvh;justify-content:end;left:0;padding-bottom:1rem;position:fixed;top:0;width:30px;width:var(--sidebar-width);z-index:3}.theme-option,.theme-sidebar{align-items:center;display:flex}.theme-option{flex-direction:column-reverse;padding:.5rem 0}.label-text{font-size:smaller;padding-bottom:1rem;text-align:center;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-rl}.label-text,.theme-button{color:#111827;color:var(--text-color)}.theme-button{align-items:center;background-color:initial;border:1px solid #111827;border:1px solid var(--text-color);cursor:pointer;display:flex;height:10px;justify-content:center;margin-top:.5rem;transition:all .3s ease-in-out;width:10px}.theme-button input{display:none}.theme-button span{display:block;height:10px;position:relative;width:10px}.theme-button span.checked:after,.theme-button span.checked:before{background-color:#111827;background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.theme-button span.checked:before{transform:rotate(45deg)}.theme-button span.checked:after{transform:rotate(-45deg)}.home-container{box-sizing:border-box;color:#111827;color:var(--text-color);display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;height:calc(100dvh - 50px);height:calc(100dvh - var(--nav-height));margin-left:30px;margin-left:var(--sidebar-width);overflow:hidden;padding:2rem;width:calc(100dvw - 30px);width:calc(100dvw - var(--sidebar-width))}.canvas-wrapper{flex-grow:1;overflow:hidden;position:relative}.canvas-wrapper canvas{display:block;height:100%!important;width:100%!important}.projects-container{box-sizing:border-box;color:#111827;color:var(--text-color,#ccc);font-family:IBM Plex Mono,monospace;height:max-content;margin-left:30px;margin-left:var(--sidebar-width);padding:2rem;width:calc(100dvw - 30px);width:calc(100dvw - var(--sidebar-width))}.project-card{align-items:center;display:flex;flex-direction:row;font-size:.9rem;justify-content:space-between}.project-line{font-size:.9rem;padding:.2rem}.project-line .title-value{font-size:large}.project-line .braces-button{font-size:.9rem}.project-line .wrap{display:inline-block;max-width:70%;padding-left:1ch;text-indent:-1ch;vertical-align:top;white-space:pre-wrap;word-break:break-word}.key{margin-left:3rem}.project-img-wrapper{height:100%}.project-img-wrapper img{height:12rem;object-fit:cover;width:auto}.project-docs-page{display:flex}.projects-sidebar{border-right:1px solid #ddd;box-sizing:border-box;max-width:50%;min-width:90px;overflow-y:auto;padding:1rem;resize:horizontal;width:280px}.projects-sidebar ul{margin-top:1rem}.projects-sidebar h3{margin-top:0}.project-docs-wrapper{height:100% - 50px;height:100% - var(--nav-height);overflow:hidden}.resizable-container{display:flex;height:100%;margin:30px;margin:var(--sidebar-width);width:calc(100vw - 30px);width:calc(100vw - var(--sidebar-width))}.resizer{cursor:col-resize;width:5px}.content{flex-grow:1;overflow-y:auto;padding:2rem}.braces-button.disabled{cursor:default;opacity:0;pointer-events:none}.projects-sidebar button{color:#111827;color:var(--text-color);font-family:IBM Plex Mono,monospace;font-size:smaller;letter-spacing:.001rem;padding:.25rem 0;text-align:left}.project-button,.projects-sidebar button{background:none;border:none;cursor:pointer;width:100%}.project-button{color:inherit;display:block;font-family:inherit;max-width:100%;overflow:hidden;padding:.3rem 0;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.project-button:hover{color:var(--button-selected)}.project-button:before{content:"[";margin-right:.25rem}.project-button:after,.project-button:before{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.project-button:after{content:"]";margin-left:.25rem}.project-button.active{font-weight:700}.project-button.active:after,.project-button.active:before{font-weight:700;opacity:1}.projects-sidebar ul{color:#111827;color:var(--text-color);list-style-type:none;padding-left:0}.content{flex:1 1;padding:0 1rem 1rem}.content img,.content li,.content p{font-size:small}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6,.content p{margin:1rem 0 0}.content p{margin:.5rem 0}iframe{display:block;overflow:auto;pointer-events:auto}.pdf-wrapper{-webkit-overflow-scrolling:touch;height:800px;overflow-y:auto;position:relative}.about-container{box-sizing:border-box;color:#111827;color:var(--text-color);height:auto;margin:0 auto 0 30px;margin-left:var(--sidebar-width);padding:2rem;width:calc(100dvw - 30px);width:calc(100dvw - var(--sidebar-width))}.about-container li,.about-container p{font-size:.9rem;line-height:130%;margin-bottom:.3rem}.about-container section{margin:1rem 0}.contact-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-left:30px;margin-left:var(--sidebar-width);padding:2rem;width:calc(100vw - 30px);width:calc(100vw - var(--sidebar-width))}.contact-container p{margin:.5rem 0}.contact-block{margin:1rem 0;max-width:700px}.contact-block div{margin:.5rem 0}@media (max-width:768px){:root{--nav-height:30px}.navbar{align-items:end}.nav-links{display:flex;flex-direction:row;justify-content:space-around;width:100%}.nav-links a{margin:0}.home-container{padding:1rem}.canvas-wrapper-mobile,.home-container{box-sizing:border-box}.canvas-wrapper-mobile img{height:auto;width:calc(100vw - 30px);width:calc(100vw - var(--sidebar-width))}.project-card{flex-direction:column;justify-content:start}.projects-container{height:max-content;padding:1rem}.project-line .wrap{max-width:100%}.project-line .title{display:none}.project-line .title-value{font-size:medium}.key{margin:0}.project-line .braces{display:none}.resizable-container{display:flex;flex-direction:column}.projects-sidebar{border-bottom:1px solid #ddd;border-right:none;margin-left:0;max-width:calc(100vw - 30px);max-width:calc(100vw - var(--sidebar-width));min-width:calc(100vw - 30px);min-width:calc(100vw - var(--sidebar-width));resize:none;width:calc(100vw - 30px);width:calc(100vw - var(--sidebar-width))}.content a,.content code,.content li,.content p{font-size:smaller;white-space:pre-wrap;width:100%;word-break:break-word}.content img{height:auto;width:100%}.about-container,.contact-container{padding:1rem}}@media (max-width:460px){html{font-size:smaller}.project-line .title-value{font-size:small}.button-group{display:flex;flex-direction:column;gap:none;height:max-content;margin-top:1rem}}@media (max-width:380px){:root{--sidebar-width:0px;font-size:x-small}.theme-sidebar{display:none}.contact-block{width:100%}}
/*# sourceMappingURL=main.d0c446bf.css.map*/