@import"https://fonts.googleapis.com/css2?family=Honk&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Reenie+Beanie&display=swap";*{box-sizing:border-box}body{background-color:#f8d84b}h1{font-family:Honk,system-ui}.my-cards{box-shadow:#5c5a5a 0 3px 8px;border:3px solid rgba(255,0,0,.692);border-radius:10px;text-align:center;cursor:pointer;background-color:#f1c0c7;font-weight:700;color:#640b0b;transition:background-color .2s ease-in-out;font-family:Honk,system-ui;font-size:x-large}.my-cards:hover{background-color:#d8a5ad}.title{text-align:center}.directions{text-align:center;font-weight:700}.scores{margin-left:1em;font-weight:700;font-size:larger}.cards{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,1fr);gap:1em;margin:0 1em}@media (max-width: 1000px){.cards{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.cards{display:block}.my-cards{margin:0 3em}}