@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body{background-image:linear-gradient(180deg,#82c874 0,#4cb27d);color:#000;font-family:"Poppins",sans-serif;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:center}.calculator__wrp{width:100%;height:100%;max-width:350px;max-height:800px;background-color:#fff;border-radius:25px;padding:1.5em}.buttons__grid{display:grid;grid-template:repeat(5,1fr)/repeat(4,1fr);grid-gap:.8rem}.buttons__grid .key{position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:1.5em;border-radius:15px;background-color:#f3f3f3;box-shadow:2px 3px rgba(0,0,0,.2);transition:all .2s ease-in-out;cursor:pointer}.buttons__grid .key:hover{box-shadow:2px 3px rgba(0,0,0,.4)}.buttons__grid .key:active{box-shadow:none;top:2px}.buttons__grid .key.decimal{grid-column:2/span 2}.buttons__grid .key.decimal,.buttons__grid .key.number{background-color:#f3f3f3}.buttons__grid .key.decimal:hover,.buttons__grid .key.number:hover{background-color:#cdcdcd}.buttons__grid .key.operator{background-color:#dadada}.buttons__grid .key.operator:hover{background-color:#b4b4b4}.buttons__grid .key.clear{background-color:#da7575;color:#fff}.buttons__grid .key.clear:hover{background-color:#ca3939}.buttons__grid .key.equal{background:linear-gradient(180deg,#82c874 0,#4cb27d);color:#fff}.buttons__grid .key.equal:hover{background:linear-gradient(180deg,#61ba4f 0,#3d8e64)}.buttons__grid .key.clear,.buttons__grid .key.equal{grid-column:span 2}.display{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;-webkit-user-select:none;-ms-user-select:none;user-select:none;height:25px;padding:1.5em;margin-bottom:1.5em;border-radius:15px;background-color:#57606f;color:#fff}.display__lower,.display__upper{margin:0}.display__upper{color:#c1c1c1;font-weight:400;font-size:16px}.display__lower{font-weight:600}
/*# sourceMappingURL=main.e9003a67.chunk.css.map */