.allenamenti-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;
}

main {
    grid-area: main;
}

footer {
    grid-area: footer;
}