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}.App{height:100vh}.App,.keyboard{background-color:#0f0f0f;width:100%}.keyboard{display:grid;grid-template:repeat(5,1fr) /repeat(4,20%);height:65vh;justify-content:center;padding:20px 0}@media (orientation:landscape) and (max-width:714px){.keyboard{grid-template:repeat(5,1fr) /repeat(4,12%);justify-items:center}}@media (min-width:715px){.keyboard{justify-items:center}}.key{border:none;color:#fff;position:relative;z-index:2}.dot,.number{background:linear-gradient(130deg,#727272,#fff,#727272);border:0;border-radius:50%;font-size:1.3rem;font-weight:500;height:50px;width:50px}.dot:before,.number:before{background:radial-gradient(circle,#a0a0a0 15%,#606060);border-radius:50%;bottom:2px;content:" ";height:46px;position:absolute;right:2px;width:46px;z-index:-1}.dot{align-items:center;display:flex;font-size:30px;justify-content:center}.dot:active:before,.number:active:before{background:radial-gradient(circle,#737373 15%,#444)}.operator{background:linear-gradient(180deg,#e4e4e4,#949494,#e4e4e4,#949494);border-radius:17px;font-size:2rem;font-weight:600;height:61px;width:50px}.operator:before{background:radial-gradient(circle,#b6b6b6 35%,#666);border-radius:17px;bottom:1.5px;content:" ";height:59px;position:absolute;right:2px;width:46px;z-index:-1}.operator:active:before{background:radial-gradient(circle,#737373,#444)}.equal{background:linear-gradient(180deg,#52d73d,#000,#52d73d);border-radius:50%;color:#52d73d;font-size:2.1rem;font-weight:bolder;height:50px;position:relative;width:50px;z-index:2}.equal:before{background:radial-gradient(circle,#e3e3e3,#a8a8a8);border-radius:50%;bottom:2px;content:"";height:46px;position:absolute;right:2px;width:46px;z-index:-1}.equal:active:before{background:radial-gradient(circle,#c0bfbf,#676767)}.back{background:linear-gradient(180deg,#1c02bb 12%,#010f4d,#1c02bb);border-radius:17px;font-size:1.7rem;height:46px;width:125px}.back:before{background:radial-gradient(circle,#0666f5 20%,#13c);border-radius:17px;bottom:2px;content:"";height:43px;position:absolute;right:2px;width:121px;z-index:-1}.back:active:before{background:radial-gradient(circle,#022dc5 10%,#0b055c)}.reset{background:linear-gradient(180deg,#1c02bb 12%,#010f4d,#1c02bb);border-radius:17px;font-size:2rem;font-weight:600;grid-area:-2/-3/-1/-2;height:46px;width:125px}.reset:before{background:radial-gradient(circle,#022dc5 10%,#0b055c);border-radius:17px;bottom:2px;content:"";height:43px;position:absolute;right:2px;width:121px;z-index:-1}.reset:active:before{background:radial-gradient(circle,#042082,54%,#1e1e1e)}@media (orientation:landscape) and (max-width:714px){.dot,.equal,.number{font-size:1rem;height:35px;padding-top:4px;width:35px}.dot:before,.equal:before,.number:before{height:31px;width:31px}.operator{font-size:1.2rem;height:35px;width:55px}.operator:before{bottom:2px;height:31.2px;right:1.2px;width:52px}.back,.reset{font-size:1.1rem;height:36px;width:100px}.back:before,.reset:before{height:33px;width:96px}.reset{grid-area:-2/-2}}@media (min-width:715px){.dot,.equal,.number{font-size:2rem;height:90px;padding-top:4px;width:90px}.dot:before,.equal:before,.number:before{height:86px;width:86px}.operator{font-size:2.5rem;height:70px;width:120px}.operator:before{bottom:2px;height:67px;right:1.7px;width:117px}.back,.reset{font-size:2rem;height:70px;width:160px}.back:before,.reset:before{height:67px;width:157px}.reset{grid-area:-2/-2}}.screen{align-items:flex-end;background-image:url(/calc_react/static/media/cheng-3-E5ac0oudiJQ-unsplash.6a6cca4a386a3a5e66df.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-size:2rem;height:25vh;width:100%}.textBox{background-color:#0e0e0e;color:#fff;font-family:Lato,sans-serif;height:auto;text-align:end;width:100%}@media (min-width:715px){.screen{font-size:3.5rem}.textBox{padding-right:15%}}
/*# sourceMappingURL=main.c974f0a9.css.map*/