html{background:#000;font-size:12px}body{position:relative;width:100vw;height:100vh;max-height:100vh;margin:0;overflow:hidden;box-sizing:border-box;overflow-anchor:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-transition:.5s opacity;-moz-transition:.5s opacity;-ms-transition:.5s opacity;transition:.5s opacity;z-index:1}body.loaded #loading{opacity:0;z-index:-1}#loading .squares{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:40px;margin:auto}#loading .square{width:48%;height:48%;margin:1%;float:left;box-sizing:border-box;-webkit-animation:1.2s linear 0s infinite squareAnimation;animation:1.2s linear 0s infinite squareAnimation}#loading .square:first-child{background:#d33b00}#loading .square:nth-child(2),#loading .square:nth-child(3){background:#d36b00;animation-delay:.2s}#loading .square:last-child{background:#d39200;animation-delay:.4s}@keyframes squareAnimation{25%{-ms-transform:scale(.2);-webkit-transform:scale(.2);transform:scale(.2)}50%{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}#wall{opacity:0;-webkit-transition:.5s opacity;-moz-transition:.5s opacity;-ms-transition:.5s opacity;transition:.5s opacity}.loaded #wall{opacity:1}#palette{position:absolute;right:0;bottom:-100%;left:0;background:#000;text-align:center;opacity:0;cursor:default;-webkit-box-shadow:0 0 2px 1px #000;box-shadow:0 0 2px 1px #000;-webkit-transition:.5s opacity,0s .5s bottom;-moz-transition:.5s opacity,0s .5s bottom;-ms-transition:.5s opacity,0s .5s bottom;transition:.5s opacity,0s .5s bottom}#palette.open{bottom:0;opacity:1;-webkit-transition:.5s opacity,0s bottom;-moz-transition:.5s opacity,0s bottom;-ms-transition:.5s opacity,0s bottom;transition:.5s opacity,0s bottom}#palette .color{display:inline-block;width:50px;height:50px;margin:5px;-webkit-border-radius:50%;border-radius:50%;border:1px solid transparent;-webkit-transition:.5s border,.5s background;-moz-transition:.5s border,.5s background;-ms-transition:.5s border,.5s background;transition:.5s border,.5s background;box-sizing:border-box;cursor:pointer}#palette .color.selected,#palette .color:focus,#palette .color:hover{border:5px solid #00000080}#palette .color.selected{cursor:default}.painting #palette .color{cursor:default;border:1px solid transparent}.painting #palette .color.selected{border:5px solid #00000080;-webkit-animation:.8s ease-in-out 0s infinite alternate colorAnimation;animation:.8s ease-in-out 0s infinite alternate colorAnimation}@keyframes colorAnimation{from{-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(.6);-webkit-transform:scale(.6);transform:scale(.6)}}#toolbar{position:absolute;top:0;right:0;width:0;cursor:default;-webkit-transition:.5s opacity;-moz-transition:.5s opacity;-ms-transition:.5s opacity;transition:.5s opacity;opacity:0}.loaded #toolbar{opacity:1}#toolbar .button{position:relative;left:-45px;width:35px;height:35px;margin-top:10px;background:#555;-webkit-border-radius:50%;border-radius:50%;border:1px solid #303030;-webkit-box-shadow:0 0 2px 1px #353535;box-shadow:0 0 2px 1px #353535;-webkit-transition:.5s opacity,.5s background;-moz-transition:.5s opacity,.5s background;-ms-transition:.5s opacity,.5s background;transition:.5s opacity,.5s background;box-sizing:border-box;opacity:.3;cursor:default}#toolbar .button.enabled{opacity:1;cursor:pointer}#toolbar .button.enabled:hover{background:#e5e5e5}#toolbar .button:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:45%;height:2px;margin:auto;background:#000}#toolbar #zoom-in.button:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:2px;height:45%;margin:auto;background:#000}#navbar{position:absolute;right:0;bottom:0;left:0;height:0;background:#00000080;text-align:center;cursor:default;-webkit-box-shadow:0 0 2px 1px #00000080;box-shadow:0 0 2px 1px #00000080}#navbar .wall-link{position:relative;top:-20px;display:inline-block;vertical-align:middle;width:12px;height:12px;margin:0 6px;background:#555;-webkit-border-radius:50%;border-radius:50%;border:1px solid #303030;-webkit-box-shadow:0 0 2px 0 #353535;box-shadow:0 0 2px 0 #353535;-webkit-transition:.5s opacity,.5s background;-moz-transition:.5s opacity,.5s background;-ms-transition:.5s opacity,.5s background;transition:.5s opacity,.5s background;box-sizing:border-box;opacity:0;cursor:pointer}.loaded #navbar .wall-link{opacity:1}#navbar .wall-link.current,#navbar .wall-link:hover{background:#e5e5e5}#navbar .wall-link.current{width:16px;height:16px;cursor:default}