@import url(https://fonts.googleapis.com/css?family=Carter+One);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.viewer-container{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.viewer-container label{font-size:1rem}.flashcard-single{cursor:pointer;height:200px;margin:1rem auto;perspective:1000px;position:relative;-webkit-user-select:none;user-select:none;width:200px}.fade{opacity:0}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;width:100%}.card-inner.flipped{transform:rotateY(180deg)}.card-face{align-items:center;backface-visibility:hidden;border-radius:10px;box-sizing:border-box;color:#000;display:flex;flex-direction:column;font-size:1.5rem;height:100%;justify-content:center;padding:1rem;position:absolute;text-align:center;width:100%}.card-face,.front{background:#eee}.back{background-color:#007bff;color:#eee;padding:1rem;transform:rotateY(180deg)}.nav-buttons{align-items:center;display:flex;gap:1rem}.nav-buttons button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background .2s}.nav-buttons button:hover:not(:disabled){background:#0056b3}.nav-buttons button:disabled{background:#eee;cursor:default}body{background-color:#f8f9fa;font-family:sans-serif;margin:0;padding:0}.App{align-items:center;background-color:#00aeff;display:flex;height:100vh;justify-content:center;position:relative}.frame{background-color:#8c54fc;border:2px solid #ccc;border-radius:10px;height:95%;max-width:900px;min-width:480px}.frame-header{text-align:center}.frame-header img{max-height:50%;width:50%}.frame-content{text-align:center;width:100%}.frame-footer{align-items:center;background-color:#8c54fc;bottom:0;display:flex;justify-content:center}.container{margin:auto;max-width:900px;padding:2rem;text-align:center}.flashcard-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:2rem}.flashcard{background-color:#fff;border:2px solid #dee2e6;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:2rem;padding:1.5rem;transition:all .3s ease}.flashcard:hover{background-color:#e9ecef}.stage-selector{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.stage-selector a{background:#007bff;border-radius:5px;color:#fff;padding:.75rem 1.25rem;text-decoration:none;transition:background .2s}.stage-selector a:hover{background:#0056b3}.note{color:#a00;margin-top:1rem}.footer,.note{font-size:.9rem;text-align:center}.footer{background-color:#f8f8f8;border-top:1px solid #ddd;color:#555;padding:.75rem}.game-button{background:repeating-linear-gradient(45deg,#3ebbf7,#3ebbf7 5px,#45b1f4 0,#45b1f4 10px);border:none;border-bottom:3px solid #105b9280;border-radius:8px;border-top:3px solid #ffffff4d;box-shadow:0 6px 0 #266b91,0 8px 1px 1px #0000004d,0 10px 0 5px #12517d,0 12px 0 5px #1a6b9a,0 15px 0 5px #0c405e,0 15px 1px 6px #0000004d;color:#fff!important;cursor:pointer;font-family:Carter One,sans-serif;font-size:20px;letter-spacing:.1em;line-height:1.5em;margin:15px 15px 30px;outline:none!important;padding:8px 15px 10px;position:relative;text-decoration:none!important;text-shadow:2px 2px 1px #0066a2,-2px 2px 1px #0066a2,2px -2px 1px #0066a2,-2px -2px 1px #0066a2,0 2px 1px #0066a2,0 -2px 1px #0066a2,0 4px 1px #004a87,2px 4px 1px #004a87,-2px 4px 1px #004a87;top:0}.game-button:hover{box-shadow:0 4px 0 #266b91,0 6px 1px 1px #0000004d,0 8px 0 5px #12517d,0 10px 0 5px #1a6b9a,0 13px 0 5px #0c405e,0 13px 1px 6px #0000004d;top:2px}.game-button:before{right:13%;width:40%}.game-button:after,.game-button:before{background:#fff;border-radius:99px;content:"";height:10%;position:absolute;top:-3%}.game-button:after{right:5%;width:5%}.game-button.orange{background:repeating-linear-gradient(45deg,#ffc800,#ffc800 5px,#ffc200 0,#ffc200 10px);border-bottom:3px solid #cd660080;box-shadow:0 6px 0 #b76113,0 8px 1px 1px #0000004d,0 10px 0 5px #75421f,0 12px 0 5px #8a542b,0 15px 0 5px #593116,0 15px 1px 6px #0000004d;text-shadow:2px 2px 1px #e78700,-2px 2px 1px #e78700,2px -2px 1px #e78700,-2px -2px 1px #e78700,0 2px 1px #e78700,0 -2px 1px #e78700,0 4px 1px #c96100,2px 4px 1px #c96100,-2px 4px 1px #c96100}.game-button.orange:hover{box-shadow:0 4px 0 #b76113,0 6px 1px 1px #0000004d,0 8px 0 5px #75421f,0 10px 0 5px #8a542b,0 13px 0 5px #593116,0 13px 1px 6px #0000004d;top:2px}.game-button.red{background:repeating-linear-gradient(45deg,#ff4f4c,#ff4f4c 5px,#ff4643 0,#ff4643 10px);border-bottom:3px solid #a0191780;box-shadow:0 6px 0 #ae2725,0 8px 1px 1px #0000004d,0 10px 0 5px #831614,0 12px 0 5px #a33634,0 15px 0 5px #631716,0 15px 1px 6px #0000004d;text-shadow:2px 2px 1px #d72d21,-2px 2px 1px #d72d21,2px -2px 1px #d72d21,-2px -2px 1px #d72d21,0 2px 1px #d72d21,0 -2px 1px #d72d21,0 4px 1px #930704,2px 4px 1px #930704,-2px 4px 1px #930704}.game-button.red:hover{box-shadow:0 4px 0 #ae2725,0 6px 1px 1px #0000004d,0 8px 0 5px #831614,0 10px 0 5px #a33634,0 13px 0 5px #631716,0 13px 1px 6px #0000004d;top:2px}.game-button.green{background:repeating-linear-gradient(45deg,#54d440,#54d440 5px,#52cc3f 0,#52cc3f 10px);border-bottom:3px solid #28751d80;box-shadow:0 6px 0 #348628,0 8px 1px 1px #0000004d,0 10px 0 5px #2a6d20,0 12px 0 5px #39822e,0 15px 0 5px #1d4c16,0 15px 1px 6px #0000004d;text-shadow:2px 2px 1px #348628,-2px 2px 1px #348628,2px -2px 1px #348628,-2px -2px 1px #348628,0 2px 1px #348628,0 -2px 1px #348628,0 4px 1px #1d4c16,2px 4px 1px #1d4c16,-2px 4px 1px #1d4c16}.game-button.green:hover{box-shadow:0 4px 0 #348628,0 6px 1px 1px #0000004d,0 8px 0 5px #2a6d20,0 10px 0 5px #39822e,0 13px 0 5px #1d4c16,0 13px 1px 6px #0000004d;top:2px}.other-button{background:linear-gradient(120deg,#db5a27 45%,#634ecf00 0),linear-gradient(120deg,#ff7842 55%,#634ecf 0);background-position:100%;background-size:250%;border:none;border-radius:40px;color:#fff;font-family:Lexend Deca,san-serif;font-size:12px;overflow:visible;padding:16px 24px;transition:.3s ease-in-out}.other-button:hover{background-position:0;transition:.3s ease}.btn-right{background:none;border:0;font-size:22px;height:2em;line-height:2em;position:relative;width:8em}.btn-right a{color:#fff;position:relative;text-decoration:none;z-index:10}.btn-right:after,.btn-right:before{background:#29c0d5;border-radius:2px;content:"";display:block;height:1em;left:0;position:absolute;right:0;transition:all 1s}.btn-right:before{box-shadow:-1px 1px 0 #1897c0,-2px 2px 0 #1897c0,-3px 3px 0 #1897c0,-4px 4px 0 #1897c0;top:0;transform:skew(45deg)}.btn-right:after{bottom:0;box-shadow:1px 1px 0 #1897c0,2px 2px 0 #1897c0,3px 3px 0 #1897c0,4px 4px 0 #1897c0;transform:skew(-45deg)}.btn-right:hover:after,.btn-right:hover:before{background:#68d3e2}.btn-right:focus{outline:0}.btn-right:focus:after,.btn-right:focus:before{background:#68d3e2}.btn-left{background:none;border:0;font-size:22px;height:2em;line-height:2em;position:relative;width:8em}.btn-left a{color:#fff;position:relative;text-decoration:none;z-index:10}.btn-left:after,.btn-left:before{background:#e4135d;border-radius:2px;content:"";display:block;height:1em;left:0;position:absolute;right:0;transition:all 1s}.btn-left:before{bottom:0;box-shadow:-1px 1px 0 #c81163,-2px 2px 0 #c81163,-3px 3px 0 #c81163,-4px 4px 0 #c81163;transform:skew(45deg);z-index:1}.btn-left:after{box-shadow:1px 1px 0 #c81163,2px 2px 0 #c81163,3px 3px 0 #c81163,4px 4px 0 #c81163;top:0;transform:skew(-45deg)}.btn-left:hover:after,.btn-left:hover:before{background:#f1538b}.btn-left:focus{outline:0}.btn-left:focus:after,.btn-left:focus:before{background:#f1538b}.btn-up{background:none;border:0;font-size:22px;height:3em;line-height:3em;position:relative;transform:rotate(-90deg);width:4em}.btn-up a{color:#fff;position:relative;text-decoration:none;z-index:10}.btn-up:after,.btn-up:before{background:#e4135d;border-radius:2px;content:"";display:block;height:1.5em;left:0;position:absolute;right:0;transition:all 1s}.btn-up:before{box-shadow:-1px 1px 0 #c81163,-2px 2px 0 #c81163,-3px 3px 0 #c81163,-4px 4px 0 #c81163;top:0;transform:skew(45deg)}.btn-up:after{bottom:0;box-shadow:1px 1px 0 #c81163,2px 2px 0 #c81163,3px 3px 0 #c81163,4px 4px 0 #c81163;transform:skew(-45deg)}.btn-up:hover:after,.btn-up:hover:before{background:#f1538b}.btn-up:focus{outline:0}.btn-up:focus:after,.btn-up:focus:before{background:#f1538b}.btn-down{background:none;border:0;font-size:22px;height:4em;line-height:4em;margin-top:3em;position:relative;transform:rotate(90deg);width:6em}.btn-down a{color:#fff;position:relative;text-decoration:none;z-index:10}.btn-down:after,.btn-down:before{background:#29c0d5;border-radius:2px;content:"";display:block;height:2em;left:0;position:absolute;right:0;transition:all 1s}.btn-down:before{box-shadow:-1px 1px 0 #1897c0,-2px 2px 0 #1897c0,-3px 3px 0 #1897c0,-4px 4px 0 #1897c0;top:0;transform:skew(45deg)}.btn-down:after{bottom:0;box-shadow:1px 1px 0 #1897c0,2px 2px 0 #1897c0,3px 3px 0 #1897c0,4px 4px 0 #1897c0;transform:skew(-45deg)}.btn-down:hover:after,.btn-down:hover:before{background:#68d3e2}.btn-down:focus{outline:0}.btn-down:focus:after,.btn-down:focus:before{background:#68d3e2}@keyframes zoom{25%{transform:scale3d(1.5,1.5,0)}50%{transform:scaleZ(0)}75%{transform:scale3d(1.25,1.25,0)}}@keyframes spin{to{transform:rotate(1turn)}}body{background:#fefefe;font-family:Noto sans,sans-serif;margin:3em 0;text-align:center}h1{color:#0b1421;font-weight:400}button a{top:-2px}
/*# sourceMappingURL=main.749be021.css.map*/