@import url(https://fonts.googleapis.com/css?family=IM+Fell+English&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}body{background-color:#282c34}section{padding:1em}.small{font-size:1em}.App{text-align:center;font-family:IM Fell English,serif;max-width:50em;margin:auto;font-size:calc(13px + 1vmin)}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.App-link{color:#61dafb}.rounded{border-radius:.5em}.is-flipped{-webkit-transform:translateX(0) rotateY(1turn);transform:translateX(0) rotateY(1turn);transition:all .3s ease-out}.is-facedown{-webkit-transform:translateX(0) rotateY(-180deg);transform:translateX(0) rotateY(-180deg);transition:all .5s ease-out}span{font-size:2.5em}.pointer,span{cursor:pointer}.no-border{border:none;outline:none;background:none}.fade-in{-webkit-animation:fade .5s ease-in;animation:fade .5s ease-in}.fade-out{opacity:0}@supports(grid-area:auto){@media screen and (min-width:600px){.grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5em}}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.roll:hover{-webkit-animation:spin .5s ease-in;animation:spin .5s ease-in}.modal-main{position:fixed;background:#fff;width:80%;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.display-block{display:block}.display-none{display:none}.slide-in-elliptic-top-fwd{-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{-webkit-transform:rotate(0 deg);transform:rotate(0 deg)}to{-webkit-transform:rotate(360 deg);transform:rotate(360 deg)}}@keyframes fadeout{0%{-webkit-transform:rotate(0 deg);transform:rotate(0 deg)}to{-webkit-transform:rotate(360 deg);transform:rotate(360 deg)}}@-webkit-keyframes spin{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{-webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);transform:translateY(-600px) rotateX(-30deg) scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;opacity:0}to{-webkit-transform:translateY(0) rotateX(0) scale(1);transform:translateY(0) rotateX(0) scale(1);-webkit-transform-origin:50% 1400px;transform-origin:50% 1400px;opacity:1}}
/*# sourceMappingURL=main.3b028880.chunk.css.map */