@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);*{font-family:Montserrat,sans-serif;margin:0;padding:0}body{align-items:center;background-color:#f6f2eb;background-image:linear-gradient(315deg,#d6d6d6,#f5f4ee 74%);display:flex;height:100vh;justify-content:center}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper{background-color:#586574;background-image:linear-gradient(315deg,#586574,#28313b 74%);border-radius:10px;height:540px;padding:10px;width:340px}.buttonBox{grid-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);height:calc(100% - 110px);width:100%}button{background-color:#0bd797;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:24px;font-weight:700;outline:none}button:hover{background-color:#099367}.equals{background-color:#5040c6;grid-column:3/5}.equals:hover{background-color:#372c87}.screen{align-items:center;background-color:#4c62762d;border-radius:10px;box-sizing:border-box;color:#fff;display:flex;font-weight:700;height:100px;justify-content:flex-end;margin-bottom:10px;padding:0 10px;width:100%}
/*# sourceMappingURL=main.f0fbe63c.css.map*/