@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap);body{background-blend-mode:overlay;background-color:#161d17;background-image:url(https://res.cloudinary.com/dzlbb8rlo/image/upload/v1685644560/Language/bg-repeat_r9zsge.jpg);background-position:50%;background-repeat:repeat;color:#fff;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}.App{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141e16b3;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0006;margin:40px auto;max-width:1100px;padding:40px}.App h1{color:#fff;font-family:Cinzel,serif;font-size:1.4em;font-weight:400;letter-spacing:3px;margin:0 0 24px}button{background:#ffffff1a;border:1.5px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:.9em;font-weight:600;padding:8px 18px;transition:all .25s ease}button:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}button:active{transform:translateY(0)}.card-grid{grid-gap:20px;background-image:url(https://res.cloudinary.com/dzlbb8rlo/image/upload/v1685642218/Language/shutterstock_280524131_qre0jt.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 4px 20px #00000080,inset 0 1px 0 #ffffff0d;display:grid;margin-top:0;padding:30px}.tools{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}.tool-buttons{display:flex;gap:12px}.tool-buttons button{align-items:center;display:flex;gap:8px;justify-content:center}.tool-buttons button i{margin:0}.tool-buttons .button-text{display:inline-block}.scoreboard{align-items:center;display:flex;gap:12px}.scoreboard p{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50px;color:#fff;font-size:.85em;font-weight:600;margin:0;padding:6px 16px}.card{border-radius:15px;box-shadow:0 4px 12px #0006;max-width:200px;overflow:hidden;position:relative}.card img{display:block;width:100%}.card .front{box-shadow:0 2px 8px #0000004d;position:absolute;transform:rotateY(90deg);transition:all .2s ease-in}.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card .back{box-shadow:0 2px 8px #0000004d;transition:all .2s ease-in;transition-delay:.2s}.flipped .back{transform:rotateY(90deg);transition-delay:0s}@keyframes glow{0%{box-shadow:none}50%{box-shadow:0 0 5px #32cd32,0 0 10px #32cd32,0 0 15px #32cd32,0 0 20px #32cd32}to{box-shadow:none}}.card.matched{animation:glow 2s ease-out forwards;border-radius:15px}.level-select{background-image:url(https://res.cloudinary.com/dzlbb8rlo/image/upload/v1685643793/Language/shutterstock_1391152724_hdxdyn.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 8px 32px #00000080;padding:30px}.level-header{margin-bottom:20px;text-align:left}.level-header h2{color:#fff;font-family:Cinzel,serif;font-weight:400;letter-spacing:2px;margin:0 0 8px}.level-header hr{background:linear-gradient(90deg,#fff,#0000 50%);border:none;height:2px;margin:0}.level-cards{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.level-select .level-card-wrapper{margin:.5rem;padding-bottom:24%;position:relative;width:17%}.level-select .level-card{cursor:pointer;left:0;max-height:350px;perspective:1000px;position:absolute;top:0;transition:transform .5s ease;width:100%}.level-select .level-card.flipped .front{transform:rotateY(180deg)}.level-select .level-card.flipped .back{position:absolute;top:0;transform:rotateY(0deg)}.level-select .level-card.flipped{transform:scale(1.2);z-index:1000}.level-select .level-card>div,.level-select .level-card>img{backface-visibility:hidden;height:100%;transition:transform .5s ease;width:100%}.level-select .level-card .front{transform:rotateY(0deg)}.level-select .level-card .back{position:absolute;top:0;transform:rotateY(180deg)}.level-select .level-card .back-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:12% 10%;position:absolute;top:0;width:100%}.level-select .level-card .back-content h3{color:#0c4128;font-size:13px;margin:0 0 6px}.level-select .level-card .back-content p{color:#333;font-size:9px;line-height:1.3;margin:0 0 10px;text-align:center}.level-select .level-card .back-content button{background-color:#0c4128;border:2px solid #0c4128;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s ease-in}.level-select .level-card .back-content button:hover{background-color:#fff;border:2px solid #fff;color:#000;transition:all .2s ease-in}.level-select .level-card .back-content .close-btn{color:#000;cursor:pointer;font-size:24px;font-weight:700;line-height:1;position:absolute;right:8%;top:4%}.level-select img{border-radius:15px;box-shadow:0 4px 12px #0006;width:100%}
/*# sourceMappingURL=main.9f359e8b.css.map*/