.diete-layout {
    display: grid;

    grid-template-areas: 
        "header"
        "main"
        "footer";

    grid-template-rows: auto 1fr auto;
    min-height: calc(100vh - 20px);

    align-items: center;
    justify-content: center;
    margin: 10px;
    text-align: center;
}

header{
    grid-area: header

}

.diete a:hover{
    font-size: large;
    background-color: lightcoral;

}


main {
    grid-area: main;
}

footer {
    grid-area: footer;
}