@import"https://fonts.googleapis.com/css2?family=Bangers&display=swap";#root{width:100%;max-width:100%;height:100vh;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center}.memo-tarjeta{cursor:pointer;aspect-ratio:1/1}.memo-tarjeta-front,.memo-tarjeta-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center}.memo-tarjeta-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.memo-tarjeta-inner.start{animation:iniciar 8.6s;animation-delay:6.5s}.memo-tarjeta-back{background-color:#fff;transform:rotateY(180deg);box-shadow:5px 5px 10px #0000007f;width:100%;height:100%;background-size:cover;background-position:center}.memo-tarjeta-front{width:100%;height:100%;background-size:cover;background-position:center;box-shadow:1px 1px 4px #0000007f}.memo-tarjeta-front-logo{max-width:90%}.memo-tarjeta-Girada{transform:rotateY(180deg)}@keyframes iniciar{20%,90%{transform:rotateY(180deg)}0%,to{transform:rotateY(0)}}@media (max-width: 768px){.memo-tarjeta-back{font-size:75px}}@media (max-width: 640px){.memo-tarjeta-back{font-size:40px}}.mainContainerTablero{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.titleText{font-size:2.8rem;font-weight:900;color:#f47101;text-align:center}.textWin{font-family:Bangers,cursive;font-size:2.4em;text-align:center;font-weight:700;line-height:140%;letter-spacing:5px;color:#f7d12a;text-shadow:-3px -3px 4px #000000,3px -3px 4px #000000,-3px 3px 4px #000000,3px 3px 4px #000000,-8px -8px 10px #f76ff0,8px -8px 10px #f76ff0,-8px 8px 10px #f76ff0,8px 8px 10px #f76ff0}.memoTablero{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:350px;margin:40px auto;padding:0 10px}.mainMenu{position:fixed;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;width:100%;height:100%;background-color:#f3f3f3;margin:-25px auto}.mainMenu.start{display:none}.btnStartMemo{padding:12px 15px;border-radius:10px;background-color:#f47101;font-weight:600;font-size:1.2rem;color:#fff;border:none;outline:none;cursor:pointer}.imgMainMenu{width:325px}.modal{position:fixed;z-index:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0000;animation:aparecer .6s}@keyframes aparecer{0%{transform:scale(0)}to{transform:scale(1)}}@media (min-width: 340px){.titleText{font-size:2rem}.modal-content{width:20rem;height:9rem;background-size:cover;background-position:center}}@media (min-width: 500px){.titleText{font-size:2.4rem}.modal-content{width:24rem;height:10rem;background-size:cover;background-position:center}.memoTablero{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:500px;margin:40px auto;padding:0 10px}}@media (min-width: 700px){.titleText{font-size:2.6rem}.modal-content{width:34rem;height:15rem;background-size:cover;background-position:center}.memoTablero{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:690px;margin:40px auto;padding:0 30px}.imgMainMenu{width:660px}.textWin{font-size:4.7em;text-align:center;font-weight:700;line-height:108%;letter-spacing:5px;text-shadow:-4px -4px 4px #000000,4px -4px 4px #000000,-4px 4px 4px #000000,4px 4px 4px #000000,-11px -11px 10px #f76ff0,11px -11px 10px #f76ff0,-11px 11px 10px #f76ff0,11px 11px 10px #f76ff0}}@media (min-width: 1000px){.titleText{font-size:2.6rem}.modal-content{width:39rem;height:18rem;background-size:cover;background-position:center}.memoTablero{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:780px;margin:25px auto;padding:0 10px}.imgMainMenu{width:550px}.textWin{font-size:4.6em;text-align:center;font-weight:700;line-height:108%;letter-spacing:5px;text-shadow:-5px -5px 4px #000000,5px -5px 4px #000000,-5px 5px 4px #000000,5px 5px 4px #000000,-13px -13px 10px #f76ff0,13px -13px 10px #f76ff0,-13px 13px 10px #f76ff0,13px 13px 10px #f76ff0}}*{margin:0;padding:0}body{background-color:#f3f3f3;font-family:Roboto,sans-serif}