@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@400;700&display=swap";:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}html{scroll-behavior:smooth}[id]{scroll-margin-top:3rem}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.resize{resize:both}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--accent-1: #0D00FF;--accent-2: #070080;--bg-color: #020202;--panel-bg: #181A1E;--text-color: #ffffff;--width: 100%;--height: 100%}html,body,#root{height:100%;margin:0;padding:0;width:100%;color:var(--text-color);font-family:Oxanium,sans-serif;font-size:16px;min-height:100vh;min-width:100vw}.background{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;background-size:cover}.card{padding:2em;width:100%;box-sizing:border-box}.read-the-docs{color:#888}.bigtext{font-size:1.5rem;font-weight:500;margin:.5rem 0;padding-left:3rem;padding-right:3rem}.smalltext{padding-left:3rem;padding-right:3rem}.introduction-text{padding:2em;box-sizing:border-box;width:60%}.introduction-bigtext{font-size:1.5rem;font-weight:500;margin:.5rem 0}.project-bigtext{font-size:1.5rem;font-weight:500;margin:.5rem 0;width:70%;max-width:80ch}.introduction-box{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;margin-top:2rem;width:100%}.introduction-pic{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border:2px solid white;margin:0 auto;background-color:#181a1e;max-width:30vw;max-height:30vw;height:auto;aspect-ratio:1;margin-bottom:1.5rem;margin-top:1.5rem;overflow:hidden}.introduction-pic img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.project-date{font-size:1.4rem}@media(max-width:899px){.introduction-box{flex-direction:column-reverse;text-align:center}.introduction-text{width:100%}.introduction-pic{max-width:50vw;max-height:50vw}.project-bigtext{width:96%}}@media(max-width:600px){.introduction-bigtext{font-size:1.2rem}.project-bigtext{font-size:16px}.introduction-bigtext{font-size:1.3rem}.card{padding-left:.5rem;padding-right:.5rem}.card h1{margin-left:.5rem;margin-right:.5rem;font-size:3.2rem}.card p{margin-left:.5rem;margin-right:.5rem}}@media(max-width:475px){.card h1{font-size:2.5rem}}footer{width:100%;background-color:#181a1e;color:#fff;text-align:left;margin-bottom:0}.footerdiv{padding:1rem 2rem;margin-bottom:1rem}.footer-header,.footer-legal,.footer-text{max-width:80ch}.footer-text,.footer-header{font-size:16px}.footer-legal{font-size:14px}.footertext{display:flex;gap:1rem;flex-wrap:wrap}.linkbarholderholder{background-color:#181a1e;width:100%;margin:0;padding:.5rem}.linkbarholder{display:flex;justify-content:space-around;flex-direction:column;align-items:center;width:100%}.navlinkbar{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%;max-width:1400px}.navlinkelement{flex:1;text-align:center}nav{margin:0;box-sizing:border-box;position:sticky;top:0;z-index:1;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:0;overflow-x:hidden}@media screen and (max-width:800px){.navlinkelement{display:none}}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline;color:#fff}.menuButton{flex:1;text-align:center;padding:1rem 1rem 1rem .5rem}.topofnav{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%;max-width:1400px}.the-burg{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;margin:0}.bar{width:100%;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease-in-out}.the-burg.active .bar:nth-child(1){transform:translateY(9px) rotate(-45deg)}.the-burg.active .bar:nth-child(2){opacity:0}.the-burg.active .bar:nth-child(3){transform:translateY(-9px) rotate(45deg)}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:8rem;padding-bottom:8rem;text-align:center}.about h1{font-size:64px;font-weight:600;margin:.5rem 0}.selfportrait{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;border:2px solid white;margin:0 auto;background-color:#181a1e;width:60%;height:auto;aspect-ratio:1;margin-bottom:1.5rem;margin-top:1.5rem;overflow:hidden}.selfportrait img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.bigtext{font-size:24px;font-weight:500;margin:.5rem 0}@media screen and (min-width:705px){.selfportrait{width:30%;height:30%}.about h1{font-size:64px}}@media screen and (max-width:705px){.about h1{font-size:32px}}.projects{text-align:center}.projects h1{font-size:64px;font-weight:600;margin:1rem 0}.projectpile{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;align-items:center;font-weight:300;gap:2rem;overflow:hidden}.top-projects,.other-projects{width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:16px;justify-items:stretch;align-items:stretch;font-weight:300;margin:0;padding:0 12px;overflow:hidden}.projectcontainer{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;border:2px solid white;margin:0;background-color:var(--panel-bg, #181A1E);width:100%;height:100%}.projectcontainer img{width:100%;height:auto;max-height:50vh;min-height:30vh;-o-object-fit:cover;object-fit:cover;margin-bottom:0}@media screen and (min-width:1700px){.top-projects,.other-projects{grid-template-columns:repeat(2,1fr);gap:18px;padding:0 16px}}@media screen and (min-width:2700px){.top-projects,.other-projects{grid-template-columns:repeat(3,1fr);gap:22px;padding:0 20px}}@media screen and (min-width:4000px){.top-projects,.other-projects{grid-template-columns:repeat(4,1fr);gap:22px;padding:0 20px}}@media screen and (min-width:25000px){.top-projects,.other-projects{grid-template-columns:repeat(5,1fr);gap:28px;padding:0 24px}}@media screen and (min-width:36000px){.top-projects,.other-projects{grid-template-columns:repeat(6,1fr);gap:28px;padding:0 24px}}@media screen and (max-width:899px){.top-projects,.other-projects{grid-auto-rows:auto}.projectcontainer{height:auto}}.projectcontainer{height:auto}.topprojectcontainer{box-sizing:border-box;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;text-align:left;border:2px solid white;margin:0;background-color:var(--panel-bg, #181A1E)}.topprojectcontainer img{-o-object-fit:cover;object-fit:cover;margin-bottom:0}.projecttext{margin:.8rem 1rem 1rem;display:flex;flex:1;flex-direction:column;justify-content:space-between}.projecttext h2{margin:0 0 .25rem;line-height:1.15em;height:2.875em;overflow:hidden;display:block}.projecttext h3{margin:0 0 .5rem;font-weight:500;color:#fff}.projecttext p{margin:.125rem 0}.projecttext .tech-date{margin-top:auto}.projecttext a{font-size:32px;align-self:flex-end;padding-top:1rem}.project-alltext{box-sizing:border-box;background-image:linear-gradient(to bottom left,var(--accent-1, #0D00FF),var(--accent-2, #070080));display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:flex-start;text-align:left;margin:0;width:100%;height:100%}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.split{width:50%}@media(max-width:899px){.split{width:100%}.topprojectcontainer{flex-direction:column}.project-image{max-height:45vw}}@media(max-width:600px){.projecttext h2{font-size:24px;height:auto}.projecttext h3{font-size:16px}.projecttext p{font-size:14px}}.article-container{display:flex;flex-direction:column;align-items:center}.article{max-width:90%;width:140ch;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;align-items:center;font-weight:300;gap:1rem;overflow:hidden;border:2px solid white;background-color:#020202;margin-bottom:1rem;padding-bottom:2rem}.article img{width:100%;height:auto;max-height:1000px;-o-object-fit:cover;object-fit:cover;margin-bottom:0rem}.imagecontainer{display:flex;border:2px solid white;width:100%}.article-projecttext{margin:1rem;display:flex;flex:1;flex-direction:column;justify-content:space-between;align-items:center;padding-left:.5rem;padding-right:.5rem}.article-readmore{align-self:center;padding-top:5rem;padding-bottom:2rem}.article-readmore a{font-size:32 px}.article-projecttext h2{margin-top:.5rem;margin-bottom:.5rem;text-align:center}.article-projecttext h3{margin-top:.5rem;margin-bottom:2rem;text-align:center}.article-paragraph{max-width:80ch;font-size:22px}.article-projecttext a{color:#0ff}.inline-article-figure{display:flex;gap:1rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:1rem auto;max-width:100%}.inline-article-image{flex:0 1 calc(50% - 1rem);max-width:calc(50% - 1rem);height:auto;border:2px solid white;box-sizing:border-box;-o-object-fit:cover;object-fit:cover;display:block}.inline-article-image:focus{outline:none}.inline-article-caption{color:#fff;font-size:.95rem;margin-top:.4rem;line-height:1.2;width:100%;text-align:center}@media(max-width:640px){.article{max-width:96%}.inline-article-image{flex-basis:100%;max-width:100%}.article-paragraph{font-size:18px}.article-projecttext{margin:.6rem}}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:center}.image-gallery img{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 24px #0009;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;outline:none}@media(min-width:900px){.image-gallery img{height:200px}}.image-gallery img:focus{box-shadow:0 0 0 3px #3daee9}.modal-container{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:20;background-color:#000c;color:#000;justify-content:center;align-items:center;display:none;opacity:0;transition:opacity .2s ease-in-out}.modal-container.visible{opacity:1}.modal{max-width:1000px;position:relative;width:100%;padding:32px;margin:16px;box-sizing:border-box;background:#020202;border-radius:5px;display:none;color:#fff;border:2px solid white}.modal-close{position:absolute;padding:0 20px 0 0;top:16px;right:16px;width:24px;height:24px;border:none;background:none;cursor:pointer}.button-line{background:#fff;position:absolute;width:100%;height:4px}.button-line:nth-child(1){transform:rotate(45deg)}.button-line:nth-child(2){transform:rotate(-45deg)}.modal-button{box-sizing:border-box;background:#181a1e;color:#fff;border:2px solid white;font-size:1.2rem;padding:16px 32px;transition:all .3s;cursor:pointer;width:-moz-fit-content;width:fit-content;align-self:flex-end}.modal-button:hover{background:#0d00ff;border:2px solid white}.modal img{width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;display:block;margin:0 0 1rem}.modal-caption{color:#ddd;margin-top:.25rem;font-size:.95rem}