@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);body{background:#969696;margin:0}*{box-sizing:border-box}main{min-height:100vh}.p5Canvas{cursor:crosshair;box-shadow:12px 12px 24px 0 rgba(0,0,0,.2),-12px -12px 24px 0 hsla(0,0%,100%,.5)}.canvasWrapper{margin:2rem;font-size:1rem;display:flex;justify-content:space-evenly;float:left}.page:after{content:"";display:table;clear:both}#app{font-family:ArialNarrow,Arial;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#fff;padding:1rem 2rem;font-size:2.5rem}h1,h2,h3,h4{font-size:3rem;font-weight:400;text-transform:uppercase}.fixedBackground{position:fixed;z-index:-50}#nav{padding-bottom:30px}.hop{transition:transform 60ms ease-in-out;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.hop:hover{transform:scale(1.05)}#flowNav{margin-bottom:2rem}#flowNav a{text-decoration:none}#flowNav a.router-link-exact-active{color:red}.serif{display:inline-block;font-family:Times New Roman;transform:scaleY(1.4)}.window{border:2px solid #fff;border-radius:.5rem;width:16rem;background:#000;box-shadow:0 0 14px 0 hsla(0,0%,100%,.8)}.button{cursor:pointer}.button,.miniSliderContainer,.sliderContainer{display:inline-block;padding:.2rem 2rem;margin:.5rem .5rem .2rem 0;background:#000;color:#fff;min-width:2rem;line-height:1.2em;border-radius:10em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a.button{color:#fff;text-decoration:none}.button:hover{background:#fff;color:#000}.controll{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.miniSliderContainer,.sliderContainer{background:#a9a9a9}.miniSliderContainer input,.sliderContainer input{vertical-align:50%}.miniSliderContainer{padding:.1rem 1rem;margin:.1rem 0 .1rem .5rem;line-height:.9}.slide-enter-active,.slide-leave-active{transition-duration:.3s;transition-property:transform;transition-timing-function:ease}.slide-enter,.slide-leave-active{opacity:0;transform:translateX(100%)}[data-v-c5e7a332]{box-sizing:border-box}.home[data-v-c5e7a332]{display:flex}.colorBars[data-v-c5e7a332]{margin-left:0;margin-right:0;outline:1px solid #000;background:#a9a9a9;padding:1rem;width:20vw;height:650px;overflow:scroll}.colorBar[data-v-c5e7a332]{text-align:left;color:#fff;padding:.1rem}.paintControllBar[data-v-c5e7a332]{min-width:2rem;margin:0 2rem;outline:1px solid #000;height:650px;padding:1rem}.p5Canvas[data-v-c5e7a332]{outline:1px solid #000}input[type=range][orient=vertical][data-v-c5e7a332]{-webkit-writing-mode:bt-lr;-ms-writing-mode:bt-lr;writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:175px;padding:0 5px}input[type=range][data-v-c5e7a332]{width:100%}.squareButton[data-v-c5e7a332]{padding:.25rem;margin:.25rem;text-align:center;outline:1px solid #000}.squareButton[data-v-c5e7a332]:hover{color:#fff;background:#a9a9a9}.canvasWrapper>[data-v-233a7620]{box-shadow:12px 12px 24px 0 rgba(0,0,0,.2),-12px -12px 24px 0 hsla(0,0%,100%,.5)}.colorBars[data-v-233a7620]{margin-left:2rem;margin-right:0;padding:1rem;width:20vw;height:600px;overflow:scroll}.colorBars p[data-v-233a7620]{margin-top:.1rem}.colorBars .info[data-v-233a7620]{color:#d3d3d3}.colorBar[data-v-233a7620]{text-align:left;color:#fff;padding:.1rem;min-height:2rem}.active[data-v-3d89c47a]{box-shadow:0 0 10px 8px hsla(0,0%,100%,.9)}.active[data-v-3d89c47a]:after{content:"";top:-10px;width:30px;height:30px;position:absolute;background:url(https://media.giphy.com/media/3ohhwBfx3ik9jIVTOM/giphy.gif) no-repeat 50%;background-size:contain}.active[data-v-7b33ee36]{box-shadow:0 0 10px 8px hsla(0,0%,100%,.9)}.pixelStats[data-v-3ebfe14d]{margin-top:2rem}.colorBars[data-v-3ebfe14d]{margin-left:0;margin-right:0;padding:1rem;width:20vw;height:650px;overflow:scroll}.colorBars p[data-v-3ebfe14d]{margin-top:.1rem}.colorBars .info[data-v-3ebfe14d]{color:#d3d3d3}.colorBar[data-v-3ebfe14d]{text-align:left;color:#fff;padding:.1rem;min-height:2rem}.paintControllBar[data-v-3ebfe14d]{min-width:2rem;margin:0 2rem;height:650px;padding:1rem}.squareButton[data-v-3ebfe14d]{padding:.25rem;margin:.25rem;text-align:center;outline:1px solid #fff}.squareButton[data-v-3ebfe14d]:hover{color:#000;background:#fff}.flip-list-move[data-v-3ebfe14d]{transition:transform 1s}.statement[data-v-39779892]{max-width:45ch}