/* Footer Styles */
footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: hsl(224, 12%, 18%);
    box-shadow: -3px -3px 5px var(--shadow);
    padding: 24px;
    bottom: 0;
}

footer ul {
    display: flex;
    flex-direction: column;
    justify-self: center;
    list-style: none;
}

footer li, footer a {
    color: hsl(71, 58%, 73%);
}

footer a.muted {
    color: hsl(70, 57%, 84%);
}