footer { display: flex; flex-direction: column; text-align: center; background-color: var(--card-background-color); border-radius: var(--card-border-radius); /* background-color: #d3d3d3; */ } footer div { display: flex; flex-direction: row; flex: 1 1 2; justify-content: space-evenly; } footer img { height: 60px; filter: invert() hue-rotate(180deg); } footer a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit; }