/* Determines the footer layout for the website */
/* Determines the color and style for the footer links */
a {
    text-decoration: none;
    color: #fffff2;
}

/* Adds a hover effect on the footer links */
a:hover {
    color: #2671e1;
}

footer {
    color: white;
    padding: 20px; /* Increased padding for breathing room */
}

.footer {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    justify-content: space-between;
}

.copyright {
    text-align: center;
}