#root{min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background-color:#ffff62}.card-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.heading{color:red;text-align:center;font-size:2rem;width:fit-content;margin:10px auto 25px;padding:.3rem;border-radius:5px;box-shadow:1px 5px 15px red}.card{width:310px;height:230px;padding:15px;background-color:#fff;border-radius:15px;text-align:center;box-shadow:1px 4px 20px #f40;display:flex;flex-direction:column;justify-content:center}.card h3{font-size:1.1rem;margin-bottom:8px}.card p{font-size:1.1rem;color:#444;font-weight:600}button{display:block;margin:0 auto;border-radius:10px;border:3px solid red;padding:.3em .7em;color:#fff;font-size:1.2rem;font-weight:700;font-family:inherit;background-color:#ff5213;cursor:pointer;transition:border-color .25s}button:hover{border:3px solid red;background-color:#ff6c17;color:#000}select{display:block;margin:0 auto 20px;padding:5px 10px;font-size:1rem;border-radius:6px;border:1px solid #ccc;outline:none;cursor:pointer;background-color:#000;color:#fff;font-weight:700}select:focus{border-color:#fff}option{font-size:17px;font-weight:500}@media(min-width:300px)and (max-width:600px){body{padding:10px}.heading{font-size:1.3rem}.card{margin:0 auto 20px}.card h3{font-size:1rem;margin-bottom:8px}.card p{font-size:1rem;color:#444;font-weight:600}button{font-size:1rem}}