Portfolio/src/styles/Footer.css

37 lines
678 B
CSS

.footer {
padding: 2rem 0;
margin-top: 4rem;
border-top: 1px solid #333;
color: #B0B0B0;
font-size: 0.9rem;
}
.footer-content {
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
max-width: 1000px;
margin: 0 auto;
}
.footer-links {
display: flex;
gap: 1.5rem;
a{
display: flex;
align-items: center;
justify-content: center;
color: #B0B0B0;
transition: color 0.3s ease, transform 0.3s ease;
svg{
width: 24px;
height: 24px;
}
}
}
.footer-links a:hover {
color: #EAEAEA;
transform: translateY(-3px);
}