*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:14px;max-width:832px;margin:0 auto;padding:16px;background-color:#121212;color:#e0e0e0}header{background-color:#1f1f1f;padding:8px;text-align:center;color:#e0e0e0;border:1px solid #333}main{padding:8px;background-color:#1e1e1e;border-left:1px solid #333;border-right:1px solid #333}footer{background-color:#1f1f1f;padding:8px;text-align:center;color:#e0e0e0;border:1px solid #333}select,input{width:100%;padding:8px;display:inline-block;border:1px solid #555;background-color:#2b2b2b;color:#e0e0e0}button{background-color:transparent;color:#fff;padding:4px 8px;border:1px solid #4caf50;cursor:pointer}button:hover{background-color:#4caf50}.icon{width:16px;height:16px;cursor:pointer}h1,h2,p{margin:0}h1{margin-bottom:16px}.tag{font-size:10px;padding:2px 4px;border-radius:4px;color:#fff}.tag-id{background-color:#616161}.difficulty-trivial{background-color:#2196f3}.difficulty-easy{background-color:#4caf50}.difficulty-medium{background-color:#ff9800}.difficulty-hard{background-color:#f44336}.difficulty-insane{background-color:#9c27b0}.hint{color:#b0b0b0;font-size:12px}.kind{font-size:11px}.kind-bug{color:#f44336}.kind-feat{color:#4caf50}.kind-style{color:#2196f3}