body {
   background-color: ;  CHANGE PAGE COLOR HERE
   margin: 10;
background-color: #ffffff; 
   margin-left: ; 030%
   margin-right: ; 
   font-size: 1em ; /* default 16px */
   border radius: 3em;
 }











 <style>

body,
html {
height: 100%;
}

body {





.container {
   display: grid;
   
   width: 100%;
   height: 100%;
   }



   grid-template-areas:
"header header header"
"navbar navbar navbar"
"left main right"
"footer footer footer";


#item-0 {

   background-color: #e6e6e6; 
   grid-row-start: 1;
   grid-column-start: 1;

   grid-row-end: 2;
   grid-column-end: 3;}
   
   .header {
grid-area: header;
display: flex;
}

#item-1 {

   background-color: #5b8cffb0; 
   grid-row-start: 1;
   grid-column-start: 9;

   grid-row-end: 1;
   grid-column-end: 3;
   text-align: center ;
   padding: 30px 10px;
   text-decoration-color: #04AA6D;

}


/* Add a black background color to the top navigation */
.topnav {
   /* background-color: #333; */
   /* overflow: hidden; */
 }
 
 /* Style the links inside the navigation bar */
 .topnav a {
   /* color: #f2f2f2; */
   /* text-align: center; */
   text-decoration: none;
   font-size: 17px;
 }
 
 /* Change the color of links on hover */
 .topnav a:hover {
   background-color: #ddd;
   color: black;
 }
 
 /* Add a color to the active/current link */
 .topnav a.active {
   background-color: #04AA6D;
   color: white;
 }



 

   /* font-size: 30px; */
   /* color: #f2f2f2; */
   /* padding: 17px 10px;
   text-align: center;
   text-decoration-color: #ffffff;
   font-weight: px; */ */



}








#item-2 {
   background-color: #5b8cffb0; 
   grid-row-start: 2;
   grid-column-start: 1;

   grid-row-end: 3;
   grid-column-end: 4;
   font-weight: 400;

   font-size: 30px;
   color: #f2f2f2;
   padding: 30px 10px;
   text-align: center;
   text-decoration-color: #ffffff;
   
   font-family: "yink", sans-serif;
font-weight: 400;
font-style: normal;
}
#item-3 {

   background-color: #e6e6e6; 
   grid-row-start: 7;
   grid-column-start: 1;

   grid-row-end:3;
   grid-column-end: 4;
   font-size: 20px;
   color: #656565;
   padding: 30px 30px;
   text-align: center;
   text-decoration-color: #ffffff;
   font-weight: 00px;

   font-family: "miller-headline", serif;
font-weight: 400;
font-style: normal;
Miller Headline Italic

font-family: "miller-headline", serif;
font-weight: 700;
font-style: normal;
}


#item-4 {

   background-color: #d8d5d5; 
   grid-row-start: 2;
   grid-column-start: 9;

   grid-row-end: 7;
   grid-column-end: 4;
   
}
#item-5 {

   background-color: #5b8cffb0; 
   grid-row-start: 7;
   grid-column-start: 9;

   grid-row-end: 6;
   grid-column-end: 5;
   

   font-size: 20px;
   color: rgb(246, 246, 246);
   padding: 30px 30px;
   text-align;
   text-decoration-color: #ffffff;
   font-weight: 00;

   font-family: "miller-headline", serif;
font-weight: 700;
font-style: normal;
}
#item-6 {

   background-color: #5a68889b; 
   grid-row-start: 7;
   grid-column-start: 1;

   grid-row-end:9;
   grid-column-end: 9;
   
}