/* Footer */
footer {
    background-color: #333;  /* Dark background */
    color: white;  /* White text */
    text-align: center;  /* Center text */
    padding: 2rem 0;  /* Padding for spacing */
    position: relative;  /* Ensure it's positioned relative to its container */
    width: 100%;  /* Ensure full width */
    bottom: 0;  /* Stick it to the bottom */
    left: 0;  /* Align to the left */
    z-index: 10;  /* Ensure it appears above other content */
}

footer p {
    margin: 0;  /* Remove default margin */
    font-size: 1rem;  /* Standard font size */
}

footer a {
    color: #f04;  /* Link color */
    text-decoration: none;  /* Remove underline */
}

footer a:hover {
    color: #fff;  /* Change color on hover */
}