// body {
//     display: grid;
//     grid-template-areas: 
//     "h h h h"
//     "s s s a"
//     "s s s a"
//     "f f f f";
//     grid-template-columns: 1fr 1fr 1fr 1fr;
//     grid-template-rows: 10vh 1fr 1fr 10vh;
//     column-gap: 1rem;
//     row-gap: 1rem;
//     header {
//         grid-area: h;
//     }
//     section {
//         grid-area: s;
//         width: initial;
//     }
//     aside {
//         grid-area: a;
//         width: initial;
//     }
//     footer {
//         grid-area: f;
//     }
// }