@import url(https://fonts.googleapis.com/css?family=Play|ZCOOL+QingKe+HuangYou|Play);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:ZCOOL QingKe HuangYou,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.display{overflow:hidden;width:100%;font-size:2.5rem;height:100px;background-color:#2d302d;color:#d4d4d4;text-align:right;padding:1.5rem 1rem 0;border-radius:5px 5px 0 0;letter-spacing:1.5px}@media (max-width:480px){.display{-webkit-flex:1 1;flex:1 1;font-size:3rem;padding:3rem 1.5rem 0 1rem;border-radius:0}}.keypad{display:grid;grid-template:1fr 1fr 1fr 1fr;grid-template-columns:repeat(4,1fr);height:500px;width:400px}@media (max-width:480px){.keypad{width:100%;height:calc(100% - 140px)}}.btns{font-family:Play,sans-serif;font-size:2rem;padding:1rem;color:#1a1a1a;border:none;background-color:#e4e1e1;cursor:pointer;outline:none;box-shadow:0 0 0 .1rem rgba(0,0,0,.082);-webkit-transition:.4s;transition:.4s}input::-moz-focus-inner{border:0}.btns:hover{opacity:.9;color:#e3eee1;background-color:#2f2f2f}.border-rigth{border-radius:0 0 5px 0}.border-left{border-radius:0 0 0 5px}@media (max-width:480px){.border-left,.border-rigth{border-radius:0}}.equal{background-color:#d86f3f;color:#f5f5f5}.operators{background-color:rgba(34,133,190,.877);color:#ddd}.reset{color:#b80000}.others,.reset{background-color:#d4d4d4}.reset:hover{background-color:#df4a4a;color:#ddd}@media (hover:none),(hover:on-demand){.btns:hover{background:#e4e1e1;opacity:1;color:#1a1a1a}.equal:hover{background-color:#d86f3f;color:#f5f5f5}.others:hover{background-color:#d4d4d4}.operators:hover{background-color:rgba(34,133,190,.877);color:#ddd}.reset:hover{background-color:#d4d4d4;color:#b80000}.btns:active{color:#e3eee1;background-color:#2f2f2f;box-shadow:.5rem .5rem .5rem rgba(0,0,0,.2)}.btns:active,.reset:active{-webkit-tap-highlight-color:rgba(255,255,255,0)}.reset:active{background-color:#df4a4a;color:#ddd}}.calculator-container{height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#333746}.calculator{width:400px;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.35);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media (max-width:480px){.calculator{width:100%;height:100%}}
/*# sourceMappingURL=main.16a9cd26.chunk.css.map */