body { padding: 10px 50px; background-color: #222; color: #cecece; font: 1.7em monospace; max-width: 800px; margin: auto auto; width: 100%; } a { color: #00B7FF; text-decoration: none; opacity: 0.8; } a:hover { opacity: 1; } h3 { text-align: right; text-decoration: underline; } h3 .subtitle { text-decoration: none; font-size: 0.8em; } code { display: block; left: 0px; right: 0px; position: relative; background-color: black; width: 100%; } input { height: 20px; margin: 10px; padding: 5px; width: 300px; transition: border-color .8s, background-color .8s; color: black; } .score0 { background-color: #ff222288; border: 2px solid red; } .score1 { background-color: #ff5716cc; border: 2px solid #ff6644; } .score2 { background-color: #ff9955; border: 2px solid #ffcc88; } .score3 { background-color: #0067FF; border: 2px solid #6496ff; } .score4 { background-color: #33dd33; border: 2px solid #99FF00; } button { cursor: pointer; height: 34px; } [v-cloak] { display: none; }