*{margin:0;padding:0}#screen{width:1580px;margin:0 auto 20px}header{padding-top:20px;margin-bottom:40px;text-align:center}header>h1{font-weight:bolder;font-size:40px}section{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-size:16px}footer,section{display:-webkit-box;display:-ms-flexbox;display:flex}footer{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:20px;font-weight:700;padding:0 40px}#afterImg,#beforeImg{max-width:750px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#after,#before{position:relative;overflow:hidden;border:1px solid #ccc;background-color:#fafafa}#canvas{position:absolute;top:0;left:0;z-index:99;cursor:pointer}aside{margin:10px 70px 30px;text-align:right}.footnotes{position:absolute;left:15px;bottom:10px;font-weight:bolder;font-size:20px;text-shadow:-2px -2px 0 #fff,2px 2px 0 #fff;z-index:101}.Compass{position:absolute;top:10px;right:20px;z-index:101}#afterCompassAngle,#beforeCompassAngle{position:absolute;top:28px;right:20px;z-index:101;width:70px;height:20px}.dlc{padding:20px 200px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.scale{position:absolute;right:10px;bottom:20px;z-index:6666}#ASinput,#BSinput{width:70px;height:20px;margin:0}.scale p{font-size:14px;color:#fff;text-shadow:#000 0 1px 0,#000 1px 0 0,#000 0 -1px 0,#000 -1px 0 0}.plotting_scale{height:2px;position:relative;background-color:#000;top:5px}.plotting_scale:after,.plotting_scale:before{content:"";position:absolute;background-color:#000;width:2px;height:8px;top:-3px}.plotting_scale:before{left:-2px}.plotting_scale:after{right:-2px}