*{box-sizing:border-box;background-color:#3509fc8b;margin:0;padding:0}#outerbody{border:1px solid #3509fc8b;border-radius:6px;width:300px;margin:50px auto;padding:10px}#screen{text-align:right;color:#fff;background-color:#2c2424;border-radius:4px;height:50px;margin-bottom:10px;padding:10px;font-size:20px;overflow:hidden}.key-row{justify-content:space-between;margin-bottom:8px;display:flex}.key-row button{cursor:pointer;background-color:#6fc9f3;border:none;border-radius:4px;width:60px;height:40px;font-size:18px}.key-row button:hover{background-color:#ddd}#main{text-align:center;color:#fff;margin:5px;padding:2px}