Rev 343 | AutorÃa | Ultima modificación | Ver Log |
@import '../../styles/variables.scss';
.footer {
padding: 2rem 0;
}
.footer_content {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
position: relative;
padding-left: 3rem;
width: 100%;
> img {
position: absolute;
width: 2.5rem;
height: 2.5rem;
top: 50%;
left: 0;
transform: translateY(-50%);
}
ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 10px;
li {
display: inline-flex;
a {
font-size: 14px;
font-weight: 500;
color: $font-color;
}
}
}
}
.footer__main {
display: inline-flex;
align-items: center;
img {
margin-right: 5px;
width: 1rem;
height: 1rem;
}
p {
color: $subtitle-color;
font-size: 14px;
font-weight: 500;
}
}
.footer__link {
display: flex;
flex-direction: column;
gap: 0.5rem;
align-items: center;
ul {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
}