*{margin:0;padding:0;box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{display:flex;justify-content:center;align-items:center;height:100vh;background:#eda0ec;padding:10px}.birthday-container{background:#fff;width:350px;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:left}.birthday-container h2{font-size:20px;color:#000;margin-bottom:15px;text-align:center}.birthday{text-align:center;display:flex;align-items:center;margin-bottom:15px}.birthday:last-child{margin-bottom:0}.img{width:50px;height:50px;border-radius:50%;margin-right:75px}.birthday .info h3{font-size:16px;color:#000}.birthday .info p{font-size:12px;color:#000}.clear-btn{background-color:#eda0ec;color:#fff;border:none;width:100%;padding:10px;border-radius:5px;font-size:16px;cursor:pointer;text-align:center}.clear-btn:hover{background-color:#d85b5b}@media (max-width: 768px){.birthday-container{width:90%;padding:15px}.birthday img{width:45px;height:45px}.birthday .info h3{font-size:14px}.birthday .info p{font-size:11px}}@media (max-width: 480px){.birthday-container{width:100%;padding:10px}.birthday{flex-direction:column;align-items:flex-start;margin-bottom:10px}.birthday img{width:40px;height:40px;margin-bottom:5px}.birthday .info h3{font-size:13px}.birthday .info p{font-size:10px}.clear-btn{font-size:14px;padding:8px}}
