body{margin:0;padding:0;background:#000}body *{-webkit-user-select:none;-ms-user-select:none;user-select:none}body::-webkit-scrollbar{width:1vw;height:1vw}body::-webkit-scrollbar-thumb{background:#eee}body::-webkit-scrollbar-track{background:#000}body{scrollbar-face-color:#eee;scrollbar-track-color:#000}body #comic{position:relative;overflow-x:hidden;background:#eee;transition:background 0.2s linear}body #comic #up{position:fixed;z-index:99;top:0;left:0;right:0;padding:1em;font-size:20pt;text-align:center}body #comic #down{position:fixed;z-index:99;bottom:0;left:0;right:0;padding:1em;font-size:20pt;text-align:center}body #comic #frame{display:none;position:absolute;top:0;left:0;z-index:10;width:75vh;height:75vh;border-radius:30vh;background:radial-gradient(#efefef, #eee, #333, #333);background-size:contain;background-position:center center;transition:opacity 0.2s linear;opacity:1}body #comic figure{position:relative;z-index:20;margin:0;overflow:hidden}body #comic figure img{display:block;max-width:100%;opacity:1}body #comic figure.p04{overflow:hidden}body #comic figure.p04 .maersk{display:none;position:fixed;top:100px;left:200px}@keyframes shivy{0%{background:#000}49%{background:#000}50%{background:#777}100%{background:#777}}@keyframes opaque{0%,49%{opacity:0.9}50%,100%{opacity:1}}