background-color: #0056b3; /* Darker shade on hover */
    transform: scale(1.05); /* Enlarge on hover */
}

/* Responsive Styles */
@media (max-width: 600px) {
    article {
        padding: 20px; /* Less padding on smaller screens */
    }

    h2 {
        font-size: 22px; /* Smaller heading for mobile */
    }

    p, li {
        font-size: 14px; /* Adjust font size for better readability */
    }

    button {
        width: 100%; /* Full-width button on small screens */
    }
}

</style>

</head>
<bo