*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b3f4c;font-family:Montserrat,sans-serif;font-weight:400}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/static/media/montserrat-v25-latin-regular.acb6629fe45c43ad5d8b.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/static/media/montserrat-v25-latin-500.38a674fae449557fef97.woff2) format("woff2")}.App{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}#calculator{aspect-ratio:1/1.5;background-color:#181818;display:flex;flex-direction:column;position:relative;width:30vw}.App-logo{left:0;pointer-events:none;position:absolute;top:1%;width:4vw}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-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)}}#fullDisplay{height:20%;overflow:auto;width:100%}#displayFormula{color:beige;justify-content:end;margin-left:auto;margin-right:0;padding:0 0 0 2rem;white-space:nowrap}#display,#displayFormula{align-items:center;display:flex;font-size:3.4rem;height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#display{background-color:#181818;color:#66ffc4;padding:0 2rem 0 0}.buttons{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-areas:"ac ac . ." ". . . ." ". . . ." ". . . equal" "zero zero . equal";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;height:80%;padding:1rem;width:100%}button{background-color:rgba(195,255,254,.742);border:none;border-radius:.2rem;color:#1a2e3d;font-family:Montserrat;font-size:2.4rem;font-weight:500}button:hover{background-color:rgba(174,222,221,.742)}button:active{background-color:rgba(179,231,230,.742)}#clear{background-color:rgba(255,212,195,.742);grid-area:ac}#clear:hover{background-color:hsla(15,42%,78%,.742)}#clear:active{background-color:hsla(15,52%,80%,.742)}#zero{grid-area:zero}#equals{background-color:rgba(195,243,255,.742);grid-area:equal}#equals:hover{background-color:rgba(174,204,222,.742)}#equals:active{background-color:rgba(179,215,231,.742)}@media (max-width:71.25em){#calculator{width:35vw}}@media (max-width:62.5em){#calculator{aspect-ratio:1/1.4;width:40vw}button{font-size:2.2rem}}@media (max-width:54em){.App-logo{width:5vw}#display,#displayFormula{font-size:3.2rem}#calculator{width:50vw}}@media (max-width:46.5em){#calculator{width:55vw}}@media (max-width:39em){.App-logo{width:7vw}#calculator{width:65vw}}@media (max-width:34em){.App-logo{width:9vw}#calculator{width:75vw}}@media (max-width:27.5em){.App-logo{width:10vw}#calculator{width:85vw}}@media (max-width:22.75em){.App-logo{width:13vw}#calculator{aspect-ratio:1/1.7;width:100vw}#display,#displayFormula{font-size:3rem}.buttons{padding:1.5rem}}@media (max-width:19.75em){#calculator{aspect-ratio:1/1.8;width:100vw}.buttons{padding:1rem}}
/*# sourceMappingURL=main.8bd04b0f.css.map*/