.title{text-align:center;text-transform:uppercase;font-size:40px;color:#000}.claculator{margin-top:2rem;padding:20px;border-radius:10px;background-color:#fff;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}form input{border:none;outline:none;width:60px;height:60px;font-size:16px;background-color:#0fe6f5;margin:2px;color:#fff;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px}form input[type=button]:hover{background-color:#000}form .display{display:flex;justify-content:flex-end;margin:5px 0 15px}form .display input{text-align:right;flex:1;font-size:40px;padding:5px 10px;background:white;color:#000}form input.equal{width:120px}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}