/*body {
background: hsla(213, 100%, 25%, 1);
color: var(--neutral-colors-100);
}*/

/* @group @page-layout */

body {
display: grid;
grid-template-rows: auto auto 1fr auto;
height: 100vh;
}

.o-page-header {
grid-row: 1;
}

.o-page-nav {
grid-row: 2;
}

main {
grid-row: 3;
}

.o-page-footer {
grid-row: 4;
}

/* @end @page-layout */

/* @group @page-background */

main {
background: var(--gray-colors-95);
}

/* @end @page-background */