body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}.app{align-items:center;background:#103564e1;display:flex;height:100vh;justify-content:center}.Calculator{border-radius:1.5rem;flex-direction:column;max-width:400px;min-height:650px;overflow:hidden;width:100%}.Calculator,form{background-color:#222520;display:flex}form{align-items:flex-end;color:#fff;flex:1 1;justify-content:flex-end;min-height:200px;padding:1.5rem;text-align:right}.keys .operator{color:#eb6666}.keys .brackets,.keys .percent{color:#26fed7}.keys{grid-gap:1rem;background-color:#292d36;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -2px 16px #0003;display:grid;grid-template-columns:repeat(4,1fr);padding:1.5rem}.keys .key{background-color:#262933;border-radius:1rem;cursor:pointer;display:block;padding:35px;position:relative;transition:.2s;-webkit-user-select:none;user-select:none}.keys .key button{background-color:initial;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:2rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.keys .key:hover{box-shadow:inset 0 0 8px #0003}.keys .key.operator button{color:#eb6666}.keys .key.action button{color:#26fed7}input{background-color:#222520;border:0;color:#fff;font-size:2rem;font-weight:400;height:75px;letter-spacing:1px;text-align:right;width:350px}button:active,button:focus,input:active,input:focus{outline:none}#clear.key.action{grid-column:span 2}
/*# sourceMappingURL=main.63f8ed82.css.map*/