@font-face{font-family:digital-7;src:url(../font/digital-7.ttf)}@font-face{font-family:Orbitron;src:url(../font/Orbitron.woff2) format("woff2")}body{box-sizing:border-box;margin:0;padding:0;font-family:Orbitron,Microsoft-Yahei,Arial,sans-serif;font-size:16px}h1{color:#333;font-size:20px;text-align:center;text-shadow:2px 2px 3px #ddd;user-select:none}#calculator{width:338px;height:390px;margin:0 auto;padding:0 20px;margin-top:30px;padding-top:5px;border-radius:10px;background:linear-gradient(#eeedeb,#eee);box-shadow:0 7px 1px 3px #484848,0 2px 1px 3px #999}#screen{font-family:digital-7,Microsoft-Yahei,Arial,sans-serif;font-size:42px;line-height:1.2;margin:15px auto;padding-right:6px;border:1px solid #000;border-radius:4px;color:#fff;background-color:#343434;box-shadow:inset 2px 2px 3px 2px #000,1px 1px 2px #888;text-align:right;white-space:nowrap;overflow:hidden}#screen span::selection{background-color:#aaa}button{margin:4px 2px;margin-bottom:8px;width:60px;border:none;border-radius:5px;font-family:inherit;font-size:inherit;font-weight:700;line-height:50px;background-image:linear-gradient(#ddd,#ececec);box-shadow:inset 0 1px 0 #e4e4e4,0 5px 0 0 #484848,0 10px 5px #999;outline:0;transition:all .1s}button:hover{background-color:#ddd}button:active{background-image:linear-gradient(#e4e4e4,#ccc);box-shadow:inset 0 1px 0 #e4e4e4,0 2px 0 0 #484848,0 5px 3px #999}.buttons{position:relative;user-select:none}#numbers{width:204px}#operators{position:absolute;top:0;left:0;margin-left:205px;padding:0;width:133px}.higher-button{line-height:114px}.big-button{font-size:20px}