@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-blue:#00aeef;--color-blue-hover:blue;--color-green:#7fff00;--color-green-hover:green;--color-text:#fff}body{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;font-family:Quicksand;font-size:2.4rem;font-weight:500;justify-content:center}.app{height:100vh;text-align:center;width:100%}.nav{border-bottom:1px solid gray;border-top:1px solid gray;display:flex;justify-content:flex-end;margin-top:50px}.nav div{display:flex;justify-content:space-evenly}.nav div>svg:hover{background-color:#87cefa}.container{align-items:center;display:flex;flex-direction:column;width:60vw}.container h6{text-align:center}.numbers{display:flex}.number,.select{align-items:center;display:flex;font-size:24px;height:100%;justify-content:center;padding:4px;text-align:center}.select{cursor:pointer}.select:hover{color:#00aeef;color:var(--color-blue)}.operators,.operatorsContainer{display:flex}.operators{margin-bottom:2rem;width:8rem}.operator{background-color:#7fff00;background-color:var(--color-green);min-width:25%;text-align:center}.operator,.submit{align-items:center;border:none;color:#fff;color:var(--color-text);cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center}.submit{background-color:#00aeef;background-color:var(--color-blue);margin-left:10px;transition:transform .2s}.submit:hover{transform:scale(1.1)}.operator:hover{background-color:green;background-color:var(--color-green-hover)}hr{border:2px solid #00aeef;border:2px solid var(--color-blue);width:100%}.homeButtonContainer{display:flex}.homeButton{background-color:#00aeef;background-color:var(--color-blue);border:none;border-radius:24px;color:#fff;color:var(--color-text);cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;width:6rem}.homeButton:hover{background-color:#87cefa}.modalButton{align-self:center;background-color:#00aeef;background-color:var(--color-blue);border:none;border-radius:24px;color:#fff;color:var(--color-text);cursor:pointer;font-size:1rem;font-weight:700;margin-top:3rem;padding:10px 20px;text-align:center;width:8rem}.modalButton:hover{background-color:#87cefa}.clicked{color:#00aeef;color:var(--color-blue)}.span{color:#7fff00;color:var(--color-green);margin-bottom:10px}.attempts{display:flex;flex-direction:column}.attempt{display:flex;font-size:16px;height:100%;justify-content:center}.mark{margin-left:8px}.attempt p{margin:2px}@media only screen and (max-width:600px){.modal{font-size:large}.homeButton{font-size:1rem}.homeButtonContainer{flex-direction:column}.attempt{justify-content:space-between}.mark{margin-left:0}}.modal{text-align:center}.infoModal,.modal{border:0;border-radius:.5rem;box-shadow:0 0 .5rem .25rem #0000001a;max-width:50vw;padding:2rem}.infoModal h6{margin:10px 0}.infoModal p{font-size:small}
/*# sourceMappingURL=main.847e742b.css.map*/