footer {
    display: grid;
    background-color: var(--background);
    border: 2px solid var(--primary);
    grid-template-areas: "logo copyright links"; 
    grid-template-columns: 2fr 3fr 2fr;
    height: 25vh;
    min-height:fit-content;
}

footer > a {
    grid-area: "logo";
    padding: .5em 0;
    margin: auto auto;
}

footer > p {
    grid-area: "copyright";
    margin: auto 0px;
    justify-self: right;
    margin-right: 2vw;
}

footer ul {
    margin: auto 0px;
    list-style-type: none;
    grid-area: "links";
    display: flex;
    padding: 0px;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
}

footer li {
    margin-left: 2vw;
    min-width:fit-content;
}