html{background-color:grey;margin:0;height:100vh;width:100vw;align-items:center}#calculator,html{display:flex;justify-content:center}#calculator{width:370px;background-color:#18191a;height:575px;flex-wrap:wrap;border-radius:5px}@media only screen and (min-width:320px){#calculator{width:300px;height:490px}}@media only screen and (orientation:landscape)and (min-width:400px)and (max-width:844px){#calculator{width:280px;height:360px}}#calcKeys{margin-bottom:50px;margin-top:10px;flex-wrap:wrap}#calcKeys,#displayContainer{display:flex;justify-content:center}#displayContainer{width:310px;height:100px;margin-top:15px;align-items:center}@media only screen and (min-width:320px){#displayContainer{width:275px;height:100px}}@media only screen and (orientation:landscape)and (max-width:844px){#displayContainer{width:250px;height:70px}}#display{height:100px;width:269px;background-color:#79834b;opacity:1;font-size:50px;font-family:"Orbitron",sans-serif;text-align:right;border-radius:5px;-webkit-text-fill-color:#000}@media only screen and (min-width:320px){#display{width:269px;height:100px;padding:0}}@media only screen and (orientation:landscape)and (max-width:844px){#display{width:250px;height:70px;font-size:30px}}#row1,#row2,#row3,#row4,#row5{display:flex;justify-content:center}#zero{width:156px}@media only screen and (min-width:320px){#zero{width:135px}}@media only screen and (orientation:landscape)and (max-width:844px){#zero{width:126px;height:45px}}#clear{width:237px;height:75px;background-color:orange}#clear:hover{background:#b37400}@media only screen and (min-width:320px){#clear{width:207px;height:65px}}@media only screen and (orientation:landscape)and (max-width:844px){#clear{width:192px;height:45px}}.buttons{margin:3px;font-size:40px;width:75px;height:75px;border-radius:5px;font-family:"Roboto",sans-serif;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.buttons:hover{background:#c2c2c2}.buttons:focus{background:#a9a9a9}@media only screen and (min-width:320px){.buttons{width:65px;height:65px;font-size:30px}}@media only screen and (orientation:landscape)and (max-width:844px){.buttons{width:60px;height:45px;font-size:25px}}.operators{background-color:grey}.operators:hover{background:#5a5a5a}.operators:focus{background:#4d4d4d}
/*# sourceMappingURL=main.18fa5915.chunk.css.map */