@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.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{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}html{font-size:16px;font-family:"Roboto",sans-serif}h1{text-transform:uppercase;color:#585858}.container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-image:url(/static/media/background.1964d2da.jpg);height:100vh;background-position:50%;padding-top:1rem;padding-bottom:4.7rem}.input-area{border:none;border-radius:1rem 1rem 0 0;margin-top:.5rem;margin-bottom:0}.input-area,.solution{text-align:left;min-width:15rem;height:.5rem;padding:1rem;background-color:#e6dede;box-shadow:0 2px 2px 1px #5e5a5a;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.solution{border-radius:0 0 1rem 1rem;margin-top:0}.wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;max-width:100%;margin-top:.5rem;background-color:#cdc8d1;padding:1rem;border-radius:1rem;box-shadow:0 2px 2px 1px #5e5a5a}.btn{border-radius:1rem;text-align:center;line-height:3rem;color:#fcfbf9;background-color:#a79a9a;font-size:1rem;width:3rem;height:3rem;border:none;box-shadow:0 2px 2px 1px #7e7777;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.btn:hover{background-color:#c7baba;color:#7c7676;cursor:pointer}.operator{font-size:1.25rem}.back,.clear,.operator{background-color:#887f7f}.answer_key{background-color:#fff;color:grey;font-size:1.5rem}.answer_key:hover{background-color:#a79a9a;color:#f1efef;font-size:1.5rem}
/*# sourceMappingURL=main.0cc6aecd.chunk.css.map */