Kumamon.css

*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{display:none}body{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;height:100vh;width:100vw;overflow:hidden}#code{box-sizing:border-box;left:0;overflow:scroll;background:#f3f5f6;color:#c0783b}#code,.wrapBear{position:fixed;top:0;bottom:0;width:50%}.wrapBear{right:0;min-height:400px}.bear,.wrapBear{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.bear{box-sizing:border-box;width:350px;height:350px}.bear *{box-sizing:content-box}span.btn{display:none;user-select:none;font-size:14px}.cover:before{content:"";position:absolute;width:200%;height:100px;top:70%;left:0;background:#fff;transform:rotate(-18deg)}@media (max-width:700px){#code{margin:0;position:fixed;top:0;left:0;right:0;height:40%;width:100vw;height:100vh;background:rgba(0,0,0,.6);color:#dd6568;z-index:1}#code.active{margin-left:-100%}.wrapBear{margin:0;position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.cover:before{content:"";position:absolute;width:200%;height:80px;top:70%;left:0;background:#fff;transform:rotate(-18deg)}span.btn{position:fixed;display:inline-block;padding:6px 8px;bottom:10px;right:2px;box-shadow:0 0 1px rgba(0,0,0,.3);border-radius:6px;cursor:pointer;z-index:1;background:#fff}}button{position:fixed;display:inline-block;bottom:60px;right:2px;padding:6px 8px;border-radius:6px;box-shadow:0 0 1px rgba(0,0,0,.3);background:#fff;z-index:1;border:none;font-size:14px}button:focus{outline:none;border:none}span.token.comment{color:#a9aaae}span.token.selector{color:#d3c383}span.token.punctuation{color:#3f4a51}span.token.property{color:#968396}