body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}body,html{height:100%;margin:0}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{width:80%;max-width:500px;height:auto;max-height:500px;border:none;border-radius:12px;background-color:white;padding:20px;position:relative;font-size:48px}.close-button,.modal{display:flex;justify-content:center;align-items:center;font-weight:500}.close-button{position:absolute;top:10px;right:10px;width:48px;height:48px;background-color:transparent;border:none;border-radius:15px;cursor:pointer;font-size:24px}.close-button:hover{background-color:#eee}.close-button:after{content:"x";color:black}.cards-container{display:grid;grid-template-columns:repeat(3,200px);grid-gap:16px;gap:16px;padding:16px}.card,.cards-container{justify-content:center;align-items:center}.card{display:flex;height:200px;background-color:#eee;border-radius:8px;text-decoration:none;color:black;font-size:24px;font-weight:500;max-width:200px}@media (max-width:600px){.cards-container{grid-template-columns:1fr;justify-items:center}.card{width:80%}}