*,:after,:before{box-sizing:border-box;margin:0;padding:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;background-color:#334770;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.calculator{max-width:500px;text-align:left;width:80%}h1{font-size:1.6rem;margin-bottom:15px}.screen{align-items:right;background-color:#1e2a45;border-radius:7px;display:flex;flex-direction:column;height:100px;justify-content:center}.number{padding-right:50px;text-align:right}.one{font-size:2rem}.two{font-size:.8rem}.touches{background-color:#26365a;border-radius:7px;height:400px;margin-top:20px}.board{padding:20px 60px}.board,ul{height:100%}ul{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);list-style:none}.key{align-items:center;background-color:#e3e3e3;border-radius:5px;color:#626262;cursor:pointer;display:flex;font-weight:bolder;justify-content:center;margin:7px}.key:hover{background-color:#bcbcbc}.blue{background-color:#47649e;color:#e7e7e7;font-size:1rem}.blue:hover{background-color:#3d578a}.red{background-color:#dc2626;color:#e7e7e7}.red:hover{background-color:#c62121}.key:first-child{grid-area:1/1/2/2}.key:nth-child(2){grid-area:1/2/2/3}.key:nth-child(3){grid-area:1/3/2/4}.key:nth-child(4){grid-area:1/4/2/5}.key:nth-child(5){grid-area:2/1/3/2}.key:nth-child(6){grid-area:2/2/3/3}.key:nth-child(7){grid-area:2/3/3/4}.key:nth-child(8){grid-area:2/4/3/5}.key:nth-child(9){grid-area:3/1/4/2}.key:nth-child(10){grid-area:3/2/4/3}.key:nth-child(11){grid-area:3/3/4/4}.key:nth-child(12){grid-area:3/4/4/5}.key:nth-child(13){grid-area:4/1/5/2}.key:nth-child(14){grid-area:4/2/5/3}.key:nth-child(15){grid-area:4/3/5/4}.key:nth-child(16){grid-area:4/4/5/5}.key:nth-child(17){grid-area:5/1/6/3}.key:nth-child(18){grid-area:5/3/6/5}
/*# sourceMappingURL=main.80c8bef5.css.map*/