body {
        margin: 10px auto;
        max-width: 60em;
        font-family: sans-serif;
        color: #333333;
        display: grid;
/*        grid-template-rows:1fr 1fr 1fr 1fr;   */
        grid-template-rows: auto auto auto auto;
        grid-template-columns:1fr 1fr;

}

header,
nav,
main,
article,
section,
aside,
footer {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        padding: 10px;
        margin: 10px;


}

header {
        background: #F1F3F4;
        border-color: #d5d5d5;
        grid-column-start:1;
        grid-column-end:2;
        grid-row-start:1;
        grid-row-end:2;
}

nav {
        background: #fffbf0;
        border-color: #e7c157;
        grid-column-start:2;
        grid-column-end:3;
        grid-row-start:1;
        grid-row-end:2;
}
main {
        background: #fffbf0;
        border-color: #e7c157;
        grid-column-start:1;
        grid-column-end:3;
        grid-row-start:2;
        grid-row-end:3;
}

article {
        background: #ffede0;
        border-color: #df6c20;
        grid-column-start:1;
        grid-column-end:3;
        grid-row-start:3;
        grid-row-end:4;
}

aside {
        background: #ebf5d7;
        border-color: #8db243;
        grid-column-start:1;
        grid-column-end:2;
        grid-row-start:4;
        grid-row-end:5;
}

footer {
        background: #e4ebf2;
        border-color: #8a9da8;
        grid-column-start:2;
        grid-column-end:3;
        grid-row-start:4;
        grid-row-end:5;
}

input,
form   {
        font-size:40px;
}


td     {
        font-size:50px;
        border: 2px solid;
        border-color: #CCF3E6;

}
p      {
         font-size:40px;
}