a.css

*{font-family:Roboto,Ubuntu,Tahoma,Arial,sans-serif}body{background:#f7f7f7;box-sizing:border-box;color:#333;font:400 16px/24px Roboto,Ubuntu,Tahoma,Arial,sans-serif;margin:0 auto;max-width:405px;padding:10px;width:100%}@media(max-width: 425px){body{width:100%}}button{background:#1b1;border:0;border-radius:3px;color:#fff;font-size:16px;outline:none;padding:10px 20px}button:active,button:focus,button:hover{cursor:pointer;opacity:.8}input{border:2px solid #ddd;border-radius:3px;box-sizing:border-box;color:#777;font-size:16px;outline:none;padding:5px}input:active,input:focus,input:hover{border-color:#1b1;color:#333}input[type=text]{padding-left:10px}input[type=number]{padding:5px;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border-width:3px;display:inline-block;height:20px;margin:0 5px 0 0;padding:0;vertical-align:top;width:20px}input[type=checkbox]:checked,input[type=radio]:checked{border:7px solid #1b1}input[type=checkbox]:checked:active,input[type=checkbox]:checked:focus,input[type=checkbox]:checked:hover,input[type=radio]:checked:active,input[type=radio]:checked:focus,input[type=radio]:checked:hover{border-width:6px;opacity:.8}input[type=checkbox]{height:18px;transform:rotateZ(45deg);width:18px}input[type=radio]{border-radius:50%;margin-right:5px}label{display:inline-block;width:100%}label i{font-style:normal;margin-left:5px}label i::selection,label u::selection{background:rgba(0,0,0,0)}p{box-sizing:border-box;margin:0 0 10px}u{text-decoration:none}#G{vertical-align:top}#G>label{margin-bottom:10px;width:62px}#L,#O{font-family:monospace;width:100%}#P{margin:0 0 10px}