body{margin:0;background-color:#f2c53d;min-height:100vh;display:flex;align-items:center;justify-content:center}main{max-width:40rem;text-align:center;background-color:#f2d4ae;padding:2rem;border-radius:5px}h1{font-family:Courier New,Courier,monospace;margin-block:0;color:#37a6a6}button{background-color:#f24a69;border:1px solid hsl(349,87%,62%);padding:.5rem 1rem;width:fit-content;margin-inline:auto;border-radius:10px;margin-top:1rem;cursor:pointer;color:#f2ada7;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.btn:hover{background-color:#f24a6980;border:1px solid hsl(349,87%,62%)}ul{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;padding:0;gap:1rem;width:fit-content;margin-inline:auto;list-style:none}.card{font-family:Courier New,Courier,monospace;font-weight:700;border:none;width:98px;height:98.4px;font-size:3rem;background-color:#37a4a480;border-radius:15px;cursor:pointer;padding:1rem}.card:hover,.card:focus{box-shadow:0 0 2px 1px #37a6a6}.card--selected{background-color:#37a4a4b3;pointer-events:none}.card--matched{background-color:#37a6a6;pointer-events:none}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.wrapper{display:flex;flex-direction:column;background-color:#f2ada7;border-radius:.5em}.wrapper--accent{padding:1rem;margin-top:1rem;border:1px solid #F24B6A;box-shadow:0 0 5px 2px #f2ada7}.p--large{font-family:Courier New,Courier,monospace;margin:0;color:#f24b6a;font-size:1.25rem;font-weight:700}.p--regular{font-family:Courier New,Courier,monospace;margin:0;color:#f24b6a;font-weight:700}form>div{margin-top:.5rem}label{font-family:Courier New,Courier,monospace;font-weight:700;color:#f24b6a}select{font-family:Courier New,Courier,monospace;background-color:#f2d4ae;border:1px solid #F24B6A;border-radius:5px;padding:.25rem;color:#37a6a6;outline:none;font-weight:700}option{font-family:Courier New,Courier,monospace;font-weight:700}@media (max-width: 700px){ul{grid-template-columns:repeat(2,1fr)}}