*{font-family:Merienda,serif}body{color:#d1d1d1;background-color:#2f2f2f;margin:0}#root{height:100vh}.App{display:flex;flex-direction:column;width:100%;height:100%}.information{display:flex;flex-direction:column;align-items:center;gap:20px}.title{font-size:36px}.score{font-size:24px;gap:10px}.gameboard{align-self:start;margin-top:50px;margin-bottom:20px;padding:8px;flex-grow:1;width:99%}.cards{display:grid;width:100%;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{display:flex;flex-direction:column;align-items:center;background-color:#49556c;padding:10px;border-radius:10px;transition:transform .2s ease-in-out;transform:scale(1);box-shadow:4px 4px 8px #151515}.card:hover{transform:translate(8px,-8px)}.card img{-webkit-user-select:none;user-select:none;border-radius:10px}.hide-card{animation-name:hideCard;animation-duration:.5s;animation-delay:.1s;animation-fill-mode:forwards}@keyframes hideCard{0%{transform:scale(1)}to{transform:scale(0)}}.game-over-dialog{padding:40px;border-radius:10px;border:none;box-shadow:4px 4px 8px #151515;overflow:auto}.game-over-dialog::backdrop{background-color:#0000004d}.game-over-content{display:flex;flex-direction:column;align-items:center}.game-over-content>button{border-radius:5px;padding:10px;background-color:#4caf50;color:#000;border:none;cursor:pointer;transition:transform .1s ease-in-out;user-select:none;-webkit-user-select:none}.game-over-content>button:hover{background-color:#45a049}.game-over-content>button:active{transform:translateY(2px)}.game-over-content>.game-over-message>p{margin:5px}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:98vh}.start-screen>.title{font-size:42px;text-align:center}.loading{display:flex;flex-direction:column;align-items:center;font-size:32px}.loading>*{margin:10px}.spinner{border:8px solid rgba(255,255,255,.1);border-left-color:#fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button{border-radius:5px;padding:12px;font-size:18px;background-color:#4caf50;color:#000;border:none;transition:transform .1s ease-in-out;user-select:none;-webkit-user-select:none}.button:hover{background-color:#45a049}.button:active{transform:translateY(2px)}footer{display:flex;justify-content:center;box-shadow:10px 4px 10px #000;margin-top:auto;padding:5px;font-size:15px}