@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s 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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;display:block;font:19px/normal sans-serif;font-weight:700;line-height:1.5;margin:0;position:relative}.driver-popover-close-btn{all:unset;color:#d2d2d2;cursor:pointer;font-size:18px;font-weight:500;height:28px;position:absolute;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;font:14px/normal sans-serif;font-weight:400;line-height:1.5;margin-bottom:0}.driver-popover-footer{zoom:1;align-items:center;display:flex;justify-content:space-between;margin-top:15px;text-align:right}.driver-popover-progress-text{zoom:1;color:#727272;font-size:13px;font-weight:400}.driver-popover-footer button{zoom:1;all:unset;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;line-height:1.3;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:#0000;border-right-color:#0000;border-top-color:#0000;left:100%}.driver-popover-arrow-side-right{border-bottom-color:#0000;border-left-color:#0000;border-top-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-left-color:#0000;border-right-color:#0000;border-top-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.card-grid{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;margin:auto;perspective:1000px;width:100%}.memory-card{border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;position:relative;transform-style:preserve-3d;transition:all .5s ease}.memory-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.memory-card.flipped{transform:rotateY(180deg)}.memory-card.flipped:hover{transform:rotateY(180deg) translateY(-5px)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:10px;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;overflow:hidden;padding:10px;position:absolute;text-align:center;width:100%}.card-front{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.card-back{background:linear-gradient(135deg,#f9e79f,#f7dc6f);color:#333;transform:rotateY(180deg)}.matched .card-back{background:linear-gradient(135deg,#2ecc71,#27ae60)!important;color:#fff}.unmatched{animation:shake .4s}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes pulse{0%{box-shadow:0 4px 8px #0000001a;transform:scale(1)}25%{box-shadow:0 8px 20px #2ecc7166;transform:scale(1.05)}50%{box-shadow:0 12px 25px #2ecc7199;transform:scale(1.1)}75%{box-shadow:0 8px 20px #2ecc7166;transform:scale(1.05)}to{box-shadow:0 4px 8px #0000001a;transform:scale(1)}}.matched{animation:pulse .8s ease-in-out}.sparkle-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.sparkle-element{animation:enhancedSparkle 2s ease-in-out forwards;border-radius:50%;box-shadow:0 0 10px currentColor;position:absolute}.sparkle-element:first-child{animation-delay:0s;background:radial-gradient(circle,#fff,gold);height:8px;left:15%;top:15%;width:8px}.sparkle-element:nth-child(2){animation-delay:.2s;background:radial-gradient(circle,#fff,#ff6b6b);height:12px;right:15%;top:15%;width:12px}.sparkle-element:nth-child(3){animation-delay:.4s;background:radial-gradient(circle,#fff,#4ecdc4);bottom:15%;height:10px;left:15%;width:10px}.sparkle-element:nth-child(4){animation-delay:.6s;background:radial-gradient(circle,#fff,#45b7d1);bottom:15%;height:14px;right:15%;width:14px}.sparkle-element:nth-child(5){animation-delay:.8s;background:radial-gradient(circle,#fff,#ffeaa7);height:16px;left:50%;top:50%;transform:translate(-50%,-50%);width:16px}.sparkle-container:after,.sparkle-container:before{animation:enhancedSparkle 2s ease-in-out forwards;background:radial-gradient(circle,#fff,#a29bfe);border-radius:50%;box-shadow:0 0 8px currentColor;content:"";height:6px;position:absolute;width:6px}.sparkle-container:before{animation-delay:.3s;left:25%;top:35%}.sparkle-container:after{animation-delay:.7s;right:25%;top:65%}@keyframes enhancedSparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}15%{opacity:.8;transform:scale(.5) rotate(45deg)}30%{opacity:1;transform:scale(1.2) rotate(90deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}70%{opacity:.8;transform:scale(1.8) rotate(270deg)}85%{opacity:.4;transform:scale(1.2) rotate(315deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.matched .card-back{overflow:visible;position:relative}.matched .card-back:before{animation:glow 2s ease-in-out;background:linear-gradient(45deg,#2ecc71,#27ae60,#2ecc71,#27ae60);border-radius:12px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow{0%,to{opacity:0}50%{box-shadow:0 0 20px #2ecc7199;opacity:.8}}
/*# sourceMappingURL=main.3dccde63.css.map*/