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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 10s linear infinite;animation:App-logo-spin 10s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}#main-container{align-items:center;background-image:url(/apps/mankwe/static/media/beach-background.a8c988cd1004cb92f271.jpg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}#book,#main-container{display:flex;flex-direction:column;justify-content:center}#book{background-color:#969696;height:300px;text-align:center;width:500px}#menu{border-radius:0 0 30px 0;height:50px;left:0;position:absolute;top:0;width:50px}.hidden{display:none}.vertical-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.card{background-color:#ccc;border-radius:15px;height:450px;width:400px}.card-recto{background-position:50%;background-repeat:no-repeat;background-size:contain}.card-verso{align-items:center;display:flex;justify-content:center}.flip-card{background-color:initial;height:400px;-webkit-perspective:1000px;perspective:1000px;width:500px}.flip-card-inner{height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;width:100%}.flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{align-items:center;background-color:#1e90ff;color:#fff;display:flex;justify-content:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-card-background{background-position:50%;background-size:cover;width:70%}img{height:100%;width:50%}.card-type-1{background-color:coral}.card-type-2{background-color:#006400}.card-type-3{background-color:crimson}#tips-panel{background-color:rgba(0,0,0,.6);color:#fff;height:100%;left:0;position:absolute;width:300px;z-index:999}.legend{align-items:center;display:flex;flex-direction:row;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.square{height:15px;margin:10px;width:15px}.square-red{background-color:red}.square-purple{background-color:purple}.square-yellow{background-color:#ff0}.square-green{background-color:green}.square-cyan{background-color:cyan}.key{align-items:flex-end;background:#333;border:1px solid;border-color:#444 #444 #555;border-radius:.3em;box-shadow:0 .2em 0 .05em #222;box-sizing:border-box;color:#eee;cursor:pointer;display:flex;font-family:sans-serif;font-size:14px;height:2em;justify-content:flex-end;margin:.2em;padding:.2em;position:relative;width:10em}h3{text-align:center}#close-menu{border-radius:50%;position:absolute;right:0;top:0}
/*# sourceMappingURL=main.3f9b8eb4.css.map*/