.footer-links {
background-color: #111;
color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 2rem 1rem;
gap: 2rem;
text-align: center;
}
.footer-links .link-group {
min-width: 200px;
}
.footer-links h4 {
font-size: 1.1rem;
margin-bottom: 0.5rem;
color: #FF6A00;
}
.footer-links ul {
list-style: none;
padding: 0;
}
.footer-links a {
display: block;
text-decoration: none;
color: #fff;
font-weight: 500;
margin: 0.4rem 0;
transition: transform 0.3s ease, color 0.3s ease;
}
.footer-links a:hover {
color: #FF6A00;
transform: translateX(5px);
}
.footer-links i {
margin-right: 8px;
}
/* Responsive layout */
@media (max-width: 600px) {
.footer-links {
flex-direction: column;
align-items: center;
}
}
.footer-links {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.footer-links.reveal {
opacity: 1;
transform: translateY(0);
}
top of page
bottom of page
.png){kind=logo}
