:root{--PI:3.14159265358979;--PI-radians:3.14159265358979rad;--sidebar-width:max(15vw,13rem);--sidebar-offset:calc(var(--sidebar-width) / 1.5);--background-color:#333}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0;font-family:Helvetica,Arial,sans-serif;background-color:var(--background-color)}a{color:inherit;text-decoration:none}nav{position:relative;z-index:2;width:var(--sidebar-width);height:100vh;justify-content:center}nav,nav ul{display:flex;flex-flow:column nowrap;align-items:center}nav ul{list-style:none;margin:0;padding:0;height:80vh;width:100%;justify-content:space-between}nav ul li{flex:1 1;padding:2rem 0;-webkit-transition:-webkit-transform .35s ease;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}nav ul li,nav ul li a{width:100%;height:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}nav ul li a{position:relative;color:#fff;font-size:1.25rem;text-decoration:none;text-shadow:0 0 20px rgba(255,255,255,.5)}nav ul li a:after{content:"";position:absolute;bottom:0;left:0;-webkit-filter:brightness(5);filter:brightness(5);background:url(/brush.png);background-size:contain;background-repeat:no-repeat;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate(37%,79%) rotate(-5deg);transform:translate(37%,79%) rotate(-5deg);width:60%;height:100%;opacity:0;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out}nav ul li a.active:after{opacity:.75;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.nav-shadow{position:absolute;top:0;z-index:1;width:var(--sidebar-offset);height:100vh;-webkit-box-shadow:85px 0 70px var(--background-color);box-shadow:85px 0 70px var(--background-color)}canvas{position:fixed;top:0;bottom:0;right:0;max-width:calc(100vw - var(--sidebar-offset));outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:all-scroll}