@media (prefers-color-scheme: dark){*,a,hr{color:#d9d9d9;border-color:#45454e}path{fill:#d9d9d9}html,body,#projects-list{background-color:#27282b}.hover{background-color:#3c3d46}.tab{color:#a5a5a5}.tab.hover{color:#d9d9d9}.tabs{background-color:#27282b}.is-active{color:#000;background-color:#6e737c}.tab.hover.is-active{color:#000}.sidewall{background-color:#1c1c1e}.wip{color:#3a96cb}}@media (prefers-color-scheme: light){*,a{color:#363636;border-color:#000}path{fill:#363636}html,body,#projects-list{background-color:#e6e6e6}.hover{background-color:#dbdbdb}.tabs{background-color:#e6e6e6}.is-active{color:#363636;background-color:#c7c7c7}.sidewall{background-color:#bababa}.wip{color:#3a96cb}}*{margin:0;padding:0;overflow-wrap:break-word}:root{font-family:Courier,monospace,sans-serif;font-size:1rem;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}html,body{height:100%;overflow-x:hidden}::selection{color:#fff;background-color:#000}body{display:flex;flex-wrap:nowrap;flex-direction:column}a{text-decoration-line:none}.main-box{padding:1rem}#left{min-width:24rem;width:100%;height:27rem;border-right-width:.1rem;border-right-style:solid;display:flex;flex-direction:column;flex-shrink:0;padding-left:0;padding-right:0;z-index:1}#content{transition:opacity .5s ease;opacity:0}#content img{max-width:100%;max-height:40rem;padding-bottom:1rem}#content .project{padding-bottom:3rem}#left .floating-box{padding-right:1rem;padding-left:1rem;padding-bottom:1rem;z-index:2}.home-button{cursor:pointer}.heading{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-weight:700;border-bottom-width:.1rem;border-bottom-style:solid;padding-bottom:.5rem;margin-bottom:1rem}.heading .name{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.heading .wip{padding-left:.25rem;font-style:italic}#projects-list{height:100%;overflow-y:auto;z-index:10;border-top-width:.1rem;border-top-style:solid}.projects-heading{padding-top:.5rem}#projects-list ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;width:100%;padding-top:1.8rem;padding-bottom:1.8rem;list-style-type:none;cursor:pointer}hr{border-top-width:.1rem;border-top-style:solid;margin-left:1rem;margin-right:1rem}#projects-list ul li{padding-right:1rem}#projects-list ul li:nth-child(1){width:60%;padding-left:1rem}#projects-list ul li:nth-child(2){width:30%}#projects-list ul li:nth-child(3){width:10%;text-align:right;overflow-wrap:normal}h4{margin-top:1rem;margin-bottom:.5rem}p{padding-bottom:1rem}.pfp{max-height:10rem;border-radius:100%;border-style:solid;border-width:.2rem;padding-bottom:0}#content img.pfp{max-height:10rem;padding-bottom:0}.blurb{font-style:italic}.video-container,iframe{padding-bottom:1rem}h4{margin-top:4rem}#projects-list ul{margin-left:0}ul{margin-left:1rem}.wiggle-container{display:flex}.wiggle{display:flex;position:relative;padding-left:.8rem;padding-right:.8rem}.wiggle div{top:-.33rem;position:relative;animation-name:wiggle;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes wiggle{0%{top:-.33rem}to{top:.33rem}}.wiggle div:nth-child(1){animation-delay:-.7s}.wiggle div:nth-child(2){animation-delay:-.6s}.wiggle div:nth-child(3){animation-delay:-.5s}.wiggle div:nth-child(4){animation-delay:-.4s}.wiggle div:nth-child(5){animation-delay:-.3s}.wiggle div:nth-child(6){animation-delay:-.2s}.wiggle div:nth-child(7){animation-delay:-.1s}.wiggle div:nth-child(8){animation-delay:0s}.strobe{animation-name:strobe;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes strobe{0%{color:#fff}to{color:#3a96cb}}@media only screen and (min-width: 768px){html{overflow-y:hidden}body{overflow-y:hidden;flex-direction:row}#left{width:33%;height:unset}#right{overflow-y:auto}}#left .tabs{display:flex;flex-direction:row;justify-content:left;position:relative;top:2rem}.tabs .hover{top:1.4rem}.tabs .is-active{z-index:20;top:.5rem;transition:top .1s cubic-bezier(.5,0,0,2) 0s}.tab{position:relative;cursor:pointer;z-index:9;top:1.6rem;padding:1rem 1rem 3rem;transition:top .25s cubic-bezier(.5,0,0,2) 0s}.video-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left-sidewall video right-sidewall"}.sidewall.left{grid-area:left-sidewall}.sidewall.right{grid-area:right-sidewall}.video-to-contain{grid-area:video;max-height:80vh;min-height:20em}