div.n,label.q{display:inline-block}.main li,.score,.top h1,label.q{text-align:center}*{margin:0;padding:0}html{font-size:15px}body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background:#fff0dd}a{color:#fff}#wrap{margin:0 auto;width:320px;background:#fff;box-shadow:0 0 9px #777}.top h1{font-size:1.8em;padding-top:10px;color:#ea5600}div.desc{background:#f28000;margin:10px 0;padding:5px 10px;color:#ffe}ul.main{list-style:none}.main li{margin:0 0 10px;padding:5px 0;background:#e3f4ff;box-shadow:0 0 3px #aaa}div.n{width:20px;padding:1px 1px 3px 0;color:#89b000}label.q{margin-top:2px;font-weight:600;width:290px}input.a{width:303px;border:2px solid #bbb;padding:3px 2px 2px;margin:2px 0}input.c{border:2px solid #ff9}input.r{background:#90ee90;border-color:green}.score{color:#d42426;font-size:1.4em;padding:2px 0 5px}button{padding:1px 6px}@media screen and (min-width:600px){#wrap{margin-left:auto;margin-right:auto;width:600px}input.a{width:260px}}