body{height:100vh;margin:0;font-family:"Inconsolata",monospace}.container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;background-image:linear-gradient(#f5f5f5,#cfcfcf)}.calculator{width:350px;z-index:2;border-top:1px solid #000;border-left:1px solid #000;box-shadow:10px 10px 20px 0 #aaa}.output-screen{padding-right:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center;height:80px;background-color:#141414}#prev-input{color:orange;font-size:1.5rem}#display,#prev-input{word-wrap:break-word;word-break:break-all}#display{color:#fff;font-size:2.5rem}#placeholder{color:#141414}.button-field{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:80px 80px 80px 80px 80px}button{color:#fff;background-color:grey;font-size:2rem;font-family:inherit;border:1px solid #000;border-top:none;border-left:none}button:hover{cursor:pointer;background-color:hsla(0,0%,50.2%,.8)}#clear{grid-column:1/3}#zero{grid-column:2/4}.operator{background-color:orange}.operator:hover{background-color:rgba(255,165,0,.8)}.entity{font-size:2.5rem}@media (max-width:500px){.calculator{width:300px}.button-field{width:300px;grid-template-columns:repeat(4,75px)}button{font-size:1.5rem}.entity{font-size:2rem}}
/*# sourceMappingURL=main.aa85e4ac.chunk.css.map */