body {
background-color: black;
text-align: center;
height: 100%;
}

.contain {
display: grid;
grid-gap: 10px;
grid-template-areas:
". header ."
"left center right"
"left center right"
". footer .";
width: 1000px;
padding: 10px;
margin: auto;


}

.header {grid-area: header; width: 400px;}

.left {grid-area: left; padding: 5px;}

.lowleft {grid-area: lowleft;}

.center {grid-area: center; color: white; }

.right {grid-area: right; width:}

.footer {grid-area: footer; background-color: DarkOrange; border: 1px solid red;}

.header, .left, .lowleft, .center, .right, .footer {margin: auto;}

.left, .center, .right {height: 850px; position: }

.box {border: 3px double DarkOrange; background-color: red; padding: 5px;}