.main_calculator span{margin:0;padding:0;box-sizing:border-box;font:400 46px "Quicksand", sans-serif;color:#fff;text-align:center}#calculator{width:301px;height:auto;padding:7px 10px 0px 6px;background-color:#2b2d2f !important;border-radius:5px}.top span .clear_button{float:left}.top .screen{height:90px;width:100%;border-radius:5px;font-size:37px;line-height:90px;color:white;text-align:right;overflow:auto}.keys{overflow:hidden}.keys span,.top span .clear_button{float:left;position:relative;top:0;background:#5f6062;font-size:27px;cursor:pointer;width:66px;height:46px;border-radius:5px;box-shadow:0px 4px rgba(0,0,0,0.2);margin:0 7px 11px 0;line-height:46px;text-align:center;user-select:none;outline:0 solid;transition:all 0.2s ease}.keys span{color:#fff}.keys span.operator{background:#ef9c0b;margin-right:0}.keys span.operator sup{font-size:50%;vertical-align:top;color:#f1c851}.keys span.eval{background:#ef9c0b;color:#f1c851;width:212px}span .clear_button{box-shadow:0px 4px rgba(0,0,0,0.2)}.top span .clear_button:hover{box-shadow:0px 4px #d3545d;color:white}.keys span:active{box-shadow:0px 0px #6b54d3;top:4px}.keys span .eval:active{box-shadow:0px 0px #717a33;top:4px}.top span .clear_button:active{box-shadow:0px 0px #d3545d}.clear_button{background-color:#3e4143 !important}