@import"https://fonts.googleapis.com/css2?family=Mouse+Memoirs&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0}:root{font-family:Mouse Memoirs,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(200deg,navy,#fff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-width:700px;display:flex;flex-direction:column}.header{padding-top:.5rem;width:70%;min-width:700px;margin:0 auto;text-align:center;font-size:1.3rem}.scoreTrackerContainer{display:flex;padding-top:1rem;width:100%;text-align:left;gap:10rem;align-items:center;justify-content:center;font-size:1.2rem}.scoreTrackerContainer .scoreTracker,.scoreTrackerContainer h2{width:200px}.cardGrid{flex:1;width:80vw;min-width:600px;margin:2vh auto;display:grid;grid-template-columns:repeat(4,300px);grid-template-rows:200px;grid-auto-rows:200px;justify-content:center}.card{background-color:gray;margin:10px;display:flex;flex-direction:column;cursor:pointer;box-shadow:5px 5px #000}.cardImageContainer{background-color:#f0f;height:75%}.cardImageContainer img{height:100%;width:100%}.cardTitle{margin:auto;font-size:1.3rem}