h1,h2,h3{text-shadow:0 1px #fff;text-align:center}#copy,h1,h2,h3,p.h,p.value{text-align:center}body{color:#000;background-color:#ddd;cursor:default;font-family:Helvetica,Arial,sans-serif;font-size:14px;margin:0;padding:2em;width:860px;min-width:860px}a{color:#666;-webkit-transition-property:color;-webkit-transition-duration:.3s}h1,h2{margin:10px 0 0;padding:0;font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}p.title,p.value{font-size:14px}div{vertical-align:top}div.input{width:262px}input[type=range]{width:100%;padding:1px;margin:1px}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;background:0 0;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#fff;border:.2px solid grey;border-radius:2.6px}input[type=range]::-ms-fill-upper{background:#fff;border:.2px solid grey;border-radius:2.6px}input[type=range]::-ms-thumb{border:1px solid grey;height:16px;width:8px;border-radius:3px;background:#fff;cursor:pointer}input[type=range]::-ms-tooltip{display:none}#copy{padding:20px}.o,.rnd{padding:10px}.rnd{position:relative;display:inline-block;margin-top:10px;background-color:silver;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;box-shadow:1px 1px #fff,inset 0 -20px 60px -20px #999;-webkit-box-shadow:1px 1px #fff,inset 0 -20px 60px -20px #999;-moz-box-shadow:1px 1px #fff,inset 0 -20px 60px -20px #999}.rnd .title{margin:2px}.o{display:none;margin-top:10px;border:2px solid red}p.h{margin-top:0}