ul{list-style:none;padding:0;margin:0}#wrap{position:absolute;top:50%;left:50%;width:300px;margin-left:-100px;margin-top:-150px}#display{top:-10px;padding:10px;text-align:center;border-bottom:1px solid #00d881}#display,#numpad{position:relative}#display li{display:inline-block;font-family:monospace;font-size:200%;padding:5px 12px;background:#fdd147;color:#000;margin-right:1px}#numpad li{border-radius:51%;float:left;padding:12px 20px;background:#00d881;color:#000;-webkit-transition:box-shadow .3s ease-in-out;-webkit-transition:-webkit-box-shadow .3s ease-in-out;transition:-webkit-box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out;transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out}#numpad li,.numChar{font-family:monospace;font-size:200%;margin:5px;cursor:pointer}.numChar{border-radius:5%;padding:15px 0;height:70px;width:70px;background:#b1bdb8;color:#fff}.pressed{-webkit-box-shadow:inset 2px 2px 12px 5px rgba(0,0,0,.5);box-shadow:inset 2px 2px 12px 5px rgba(0,0,0,.5)}.clear{clear:both}