body{color:#e0e6e5;background-color:#131515;margin:0;font-family:Ubuntu,sans-serif}html{font-size:20px}@media (width<=600px){html{font-size:18px}}a{color:#6595d4}embed.content-image{width:100%;height:100vh;max-height:100vh!important}.page-header{z-index:1000;background-color:#282b2b;justify-content:space-between;align-items:center;height:4em;min-height:6vh;max-height:10vh;padding-right:1rem;display:flex;position:sticky;top:0}.page-header>a{z-index:1;color:#e0e6e5;justify-content:left;align-items:center;height:100%;display:flex}.page-header>a>img{height:3em;min-height:4vh;max-height:7vh;padding:1em}.page-header>a .site-name{margin:12px;font-size:clamp(1.9vw,2rem,4vw)}.page-header>a:before{content:"";z-index:-1;background-color:#353b3c;border-right:2vh solid #2c3333;width:70%;height:100%;position:absolute;left:-15%;transform:skew(-20deg)}.page-header>a:hover{text-decoration:none}@media (width<=950px){.page-header>a:before{width:40%}.page-header>a .site-name{visibility:hidden;width:0;margin:0}}.page-header>nav{margin-left:auto}.page-header>nav>a{color:#e0e6e5;margin:12px;font-size:1.5rem}.page-header>nav>a:hover{cursor:pointer;font-weight:700}@media (width<=560px){.page-header{flex-direction:column;justify-content:center;align-items:stretch;height:5em;max-height:20vh;padding-right:0}.page-header>a{height:fit-content}.page-header>a:before{display:none}.page-header>a>img{margin:0 auto;padding:.5em}.page-header>nav{background-color:#353b3c;justify-content:space-around;margin-left:0;display:flex}.page-header>nav>a{text-align:center;width:100px;margin:6px;font-size:1em}}.section-normal{width:min(90ch,100%)}.section-expanded{width:100%}main{flex-direction:column;align-items:center;gap:1.5vh;padding:1rem;display:flex;overflow:hidden}main section{background-color:#1d1d1d;border-radius:12px;width:min(90ch,100%);box-shadow:0 3px 12px #0a0d0f}main section>header{background-color:#353b3c;border-radius:12px;justify-content:space-between;align-items:center;display:flex;box-shadow:0 .2rem #2c3333,.2rem .2rem 6px #0a0d0f}main section>header>h2{text-align:center;pointer-events:none;width:60vh;margin:0;padding:.5rem;font-weight:400;position:absolute;left:50%;transform:translate(-50%)translateY(.08em)}main section>header .minimise-btn{color:#42524f;background:0 0;border:none;justify-content:center;width:6rem;margin-left:auto;font-size:2rem}main section>header .minimise-btn:hover{cursor:pointer;color:#e0e6e5}main section figcaption{text-align:center;color:#bcd2cf;font-style:italic}main section .section-content{flex-direction:column;align-items:stretch;gap:1em;margin:1em;display:flex}main section .section-content .inset-box pre{background-color:#1d1d1d;border-radius:12px;padding:1em;overflow:scroll}main section .section-content .inset-box pre code{font-family:Ubuntu Mono,monospace}.content-image{max-width:100%;max-height:20rem;margin:20px auto;display:block}html{scroll-behavior:smooth}.title,h1,h2,h3{font-family:Ubuntu Mono,"sans-serif"}.inset-box{background-color:#353b3c;border-radius:12px;padding:.1em 1em;box-shadow:inset .2rem .2rem 6px #0a0d0f}.flex-h{flex-direction:row;display:flex}.flex-v{flex-direction:column;gap:1rem;display:flex}.button-container{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.grid-container{background-color:#131515;grid-template-columns:1fr;gap:1rem;padding:1rem;display:grid}.grid-item{border-radius:12px;width:auto}.align-right{text-align:right}.large-button{color:#e0e6e5;background-color:#353b3c;border:none;border-radius:.5em;flex-grow:1;justify-content:center;height:3em;margin-top:1em;padding:.5em;font-size:1rem;box-shadow:.1rem .1rem 3px #0a0d0f}.large-button>*{margin:.1em}.large-button:hover{background-color:#657072}.hidden{display:none!important}leptos-island,leptos-children{display:contents}.art_container{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=700px){.art_container{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px){.art_container{grid-template-columns:repeat(4,1fr)}}.ref_container{grid-template-columns:1fr}.art{aligh-items:center;flex-direction:column;display:flex}.art:hover{transition:transform .15s ease-out;transform:scale(1.04)}a{text-decoration:none}a:hover{text-decoration:underline}.art>a{margin:auto;display:inline-block}.art>a>img{object-fit:contain;filter:drop-shadow(.2rem .2rem 6px #0a0d0f);border-radius:12px;width:100%}.art>a>p{text-align:center;color:#e0e6e5;margin:.5rem;font-size:.8rem;font-style:italic}.art>a:hover{text-decoration:none}.text-logo{flex-direction:row;align-items:center;display:flex}.text-logo img{height:1em;margin-right:.3em}.key-value-table{border-collapse:separate;border-spacing:1em .5em;margin:0 -.8em}@media (width<=600px){.key-value-table>tbody{flex-direction:column;align-items:center;display:flex}.key-value-table>tbody>tr{flex-direction:column;align-items:center;padding:.5em;display:flex}}.intro-container{flex-direction:row;align-items:stretch;padding:0;display:flex;overflow:hidden}.intro-container .intro-img-box{background-color:#282b2b;border-radius:0;justify-content:center;align-items:center;width:30ch;display:flex;box-shadow:inset .3rem .3rem 6px -.1rem #0a0d0f,inset -1rem 0 #2c3333}.intro-container .intro-img-box img{border-radius:3rem;max-width:15ch;padding:1rem 1rem 2rem}.intro-container .intro-text-box{padding:1em}@media (width<=900px){.intro-container{flex-direction:column;display:flex}.intro-container .intro-img-box{width:unset;box-shadow:inset .3rem .3rem 6px -.1rem #0a0d0f,inset 0 -1rem #2c3333}}.contact-box{grid-template-columns:repeat(2,minmax(20em,max-content));gap:1rem;width:auto;display:grid}@media (width<=900px){.contact-box{grid-template-columns:auto}}.contact-box>div{flex-direction:column;margin:0 auto;display:flex}.contact-box>div h3{text-align:center;margin:.5em}.contact-box>div table{background-color:#131515;border-radius:12px;padding:.5rem}.proj-info-card{background-color:#282b2b;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #e0e6e5;flex-direction:row;align-items:stretch;height:fit-content;min-height:10rem;display:flex;overflow:hidden}.proj-info-card:hover{cursor:pointer;text-decoration:none;transition:transform .2s ease-out;transform:scale(1.02)}.proj-info-card .proj-info-card-img{width:10rem}.proj-info-card .proj-info-card-text{color:#e0e6e5;flex-direction:column;justify-content:start;min-height:100%;padding:1rem;display:flex}.proj-info-card .proj-info-card-text h3{margin:0;font-size:1.5rem}.proj-info-card .proj-info-card-text p{margin:1em 1em 0 0}@media (width<=900px){.proj-info-card .proj-info-card:before{content:"";position:absolute}.proj-info-card .proj-info-card-img{display:none}}.cover-img{flex-shrink:0}.cover-img img{object-fit:cover;width:100%;height:100%}.proj-header h1{margin:0;font-size:48px;font-weight:lighter}.tag-container{flex-wrap:wrap;gap:.5rem}.tag{color:#131515;border-radius:6px;width:max-content;padding:.1em .6em .1em .4rem;font-family:Ubuntu Condensed,sans-serif;font-size:.8rem}.mech-tag{background-color:#d4a186}.elec-tag{background-color:#e7d98e}.uiux-tag{background-color:#e4b5f0}.backend-tag{background-color:#b4f1c4}.aiml-tag{background-color:#b4e1f1}.misc-tag{background-color:#b4bdbb}.proj-header{gap:1rem;display:flex}.proj-header .header-img{border:8px solid #353b3c;border-radius:12px;width:40%;overflow:hidden}.proj-header .summary-text{background-color:#131515;border-radius:12px;margin:0;padding:1rem}@media (width<=800px){.proj-header{flex-direction:column}.proj-header .header-img{order:1;width:auto}.proj-header .proj-header-text{flex-direction:column;order:2;align-items:center;display:flex}}