*{font-family:"Fredoka One",-apple-system,BlinkMacSystemFont,Roboto,"Open Sans",sans-serif;font-size:1.2rem;line-height:normal;box-sizing:border-box;transition-timing-function:ease;transition-duration:.3s;transition-property:background-color,color,box-shadow,transform;border:0;outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:"Fredoka One";src:url(/react-calculator/static/media/FredokaOne-Regular.3bedad0d.ttf)}body{display:flex;align-items:center;min-height:100vh;margin:0;background-color:#e4e4e4}#calc,body{justify-content:center}#calc{display:grid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:24px;border-radius:24px;background-color:#f0f0f0;box-shadow:inset -8px -8px 16px rgba(0,0,0,.133333),8px 8px 16px rgba(0,0,0,.133333);grid-template-columns:repeat(4,64px);grid-template-rows:32px repeat(7,64px);grid-gap:16px;gap:16px}a,button,label{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#003652;border-radius:48px;background-color:#f4f4f4;box-shadow:inset 8px 8px 16px hsla(0,0%,100%,.266667),8px 8px 16px rgba(0,0,0,.133333)}button:hover:not(:focus){transform:scale(1.075)}button:focus{background-color:#e4e4e4}button:focus,label{box-shadow:inset 8px 8px 16px rgba(0,0,0,.133333)}label{padding:0 24px;background-color:#20b2aa;grid-column-start:1;grid-column-end:5}label #display{position:relative;width:100%;color:#003652;border:0;background-color:transparent}h1{font-weight:400;display:flex;align-items:center;justify-content:center;color:#003652;grid-column-start:1;grid-column-end:5}#add,#divide,#multiply,#subtract{font-size:1.75rem;padding-bottom:4px;background-color:#87cefa}#clear{background-color:#f08080;grid-column-start:1;grid-column-end:3}#back-space{font-size:1.75rem;padding-right:8px;padding-bottom:6px;background-color:#ffa07a}#equals{font-size:1.75rem;padding-bottom:4px;background-color:#8fbc8f;grid-column-start:3;grid-column-end:5}#dark-btn{font-size:1.75rem;color:#eff9ff;background-color:#4b4b4b}#dark-btn:focus{background-color:#3b3b3b}#creadit{font-size:.825rem;height:100%;padding-top:2px;text-align:center;text-decoration:none;background-color:#e4e4e4;box-shadow:inset 8px 8px 16px rgba(0,0,0,.133333);grid-column-start:2;grid-column-end:5}#creadit:hover:not(:active){padding-top:0;background-color:#f4f4f4;box-shadow:inset 8px 8px 16px hsla(0,0%,100%,.266667),8px 8px 16px rgba(0,0,0,.133333)}[dark-theme=true] body{background-color:#2b2b2b}[dark-theme=true] #calc{background-color:#3b3b3b}[dark-theme=true] a,[dark-theme=true] button,[dark-theme=true] h1,[dark-theme=true] label #display{color:#eff9ff}[dark-theme=true] button{background-color:#4b4b4b;box-shadow:inset -8px -8px 16px rgba(0,0,0,.133333),8px 8px 16px rgba(0,0,0,.133333)}[dark-theme=true] button:focus{background-color:#2b2b2b;box-shadow:inset 8px 8px 16px rgba(0,0,0,.133333)}[dark-theme=true] #dark-btn{color:#003652;background-color:#f4f4f4}[dark-theme=true] #dark-btn:focus{background-color:#e4e4e4}[dark-theme=true] #creadit{background-color:#2b2b2b;box-shadow:inset 8px 8px 16px rgba(0,0,0,.133333)}[dark-theme=true] #creadit:hover:not(:active){background-color:#4b4b4b;box-shadow:inset -8px -8px 16px rgba(0,0,0,.133333),8px 8px 16px rgba(0,0,0,.133333)}@media screen and (max-width:425px){#calc{align-content:space-between;justify-content:space-between;min-width:100vw;min-height:100vh;padding:32px;border-radius:0;box-shadow:none}}
/*# sourceMappingURL=main.a6ae4fba.chunk.css.map */