main {
    font-family: var(--font-body);
    display: grid;
    grid-template-columns: repeat(3, 1fr) ;
}   
header {
width: 100%;
   display: flex;
}

header div {
border: 1px solid red;
}

p {
    font-family: var(--font-body);
}


/*
 * Footer
*/

footer, header {
    color: white;   
    background-color: darkslategray;
    padding: 1rem;
    height: 10vh;
}
footer a {
    color: whitesmoke;
    text-decoration: none; 
}
footer a:hover {
color: beige;
}