*,*:after,*:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}*:after{clear:both}.container{position:relative;margin:0 auto;max-width:450px;font-family:helvetica,arial,sans-serif}.calculator{border:1px solid #bbb;padding:2.5%;margin-top:5%;background-color:#F8F8F8;border-radius:0;font-size:0}.calculator>input[type="text"]{width:100%;height:10%;border:1px solid #bbb;border-radius:0;background-color:#fff;font-size:24px;padding-left:10px;margin-bottom:0}.row{margin-top:5px;position:relative}.key{width:19.1%;display:inline-block;background-color:#D0D0D0;color:#000;font-size:20px;margin-right:1.125%;border-radius:0;height:2.5em;line-height:2.5em;text-align:center}.rowspanned{position:absolute;top:0%;width:19.1%;height:5.25em;line-height:5.25em;z-index:1}.key:hover{cursor:pointer}.key.last{position:absolute;margin-right:0}input.key{border:0;width:100%;margin-top:-3px;height:2.5em}.key .green{background-color:#4CAF50;color:#fff}.key .h2x{height:5.25em;font-weight:700}.key .red{background-color:#f44336;color:#fff;font-weight:700}.key .blue{background-color:#008CBA;color:#fff;font-weight:700}.key:hover{background-color:#d9d9d9}.key .blue:hover{background-color:#009cd0}.key .green:hover{background-color:#56c47b}.key .red:hover{background-color:#f7776e}