@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--color-primary: #197bbd}[data-theme=dark]{--color-accent: #4f4e4e;--color-background: #272727;--color: #ffffff}[data-theme=light]{--color: #000000;--color-background: #ffffff;--color-accent: #ebebed}#app{display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color);height:100dvh;padding:1rem;transition:background-color .25s ease-in-out}#theme-button{position:absolute;top:0;right:0;margin:1rem}#app-header{text-align:center;font-weight:700;font-size:2rem;margin-left:auto;color:var(--color-primary)}.game-screen{width:50%;margin:auto;border:none;border-radius:10px;text-align:center}.button{cursor:pointer;padding:5px 10px;border:var(--color-accent) 2px solid;border-radius:5px;background-color:var(--color-accent);color:var(--color)}#page-header{font-size:1.5rem;font-weight:700}#page-contant{margin:1rem}#gameboard{padding:1rem;width:85%;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);place-items:center}.card{background-color:var(--color-accent);cursor:pointer;min-width:75%;aspect-ratio:1/1;display:flex;gap:.5rem;flex-direction:column;align-items:center;justify-content:end;margin:.7rem;padding:1rem;border:none;border-radius:5px}.card-image{width:90%;aspect-ratio:1/1;border:none;border-radius:10px;display:flex;justify-content:center;align-items:center}.card-image img{width:100%;height:auto}#new-game-screen button{margin:1rem}#scoreboard-container{display:flex;flex-direction:column;margin:1rem auto;align-items:center;font-size:1.2rem;width:fit-content}#scoreboard{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem auto;background-color:var(--color-primary);border-radius:10px;padding:1rem;color:#fff}.score{gap:.5rem;display:flex;align-items:center;justify-content:center}.score-count{border:none;border-radius:5px;width:30px;aspect-ratio:1/1;text-align:center}footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;text-align:center}footer a{color:var(--color)}*{margin:0;padding:0;box-sizing:border-box;font-size:18px;line-height:1.5;font-family:Open Sans,sans-serif}