body {
   background-color: ;  /* CHANGE PAGE COLOR HERE */
   margin: 10;
background-color: #f9f9f8;
   margin-left: ; 030%
   margin-right: ;
   font-size: 1em ; /* default 16px */
   border radius: 3em;
 }
 <style>
body,
html {
height: 100%;
}
body {
font-family: sans-serif;
font-size: 1em;
.container {
   display: grid;
  
   width: 100%;
   height: 100%;
   }
   grid-template-areas:
"header header header"
"navbar navbar navbar"
"left main right"
"footer footer footer";










/* Tours */
#item-0 {
   background-color: #e6e6e6;
   grid-row-start: 1;
   grid-column-start: 9;

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




/* Home Nav */
#item-1 {
   background-color: #5b8cff;
   grid-row-start: 1;
   grid-column-start: 3;
   grid-row-end: 2;
   grid-column-end: 1;
       color: #f2f2f2;

   

      font-family: "yink", sans-serif;
      text-decoration: none;
      font-size: 40px;
      margin-left: 30px;
      color: #f2f2f2;
      border-radius: 100px;
      margin: .5em;
      height: 100px;
      padding: 1em;





}








/* Merch Nav */
#item-2 {
   background-color: #5b8cff;
   grid-row-start: 5;
   grid-column-start: 2;
   grid-row-end: 4;
   grid-column-end: 1;
  


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








/* About Nav */
#item-3 {
   background-color: #5b8cff;
   grid-row-start: 7;
   grid-column-start: 2;
   grid-row-end:6;
   grid-column-end: 1;
  


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










/* Photo */
#item-4 {
   background-color: #d8d5d5;
   grid-row-start: 1;
   grid-column-start: 9;
   grid-row-end: 1;
   grid-column-end: 4;

   .topnav a {
      color: #ffffff;
      /* text-align: center; */
      font-family: "yink", sans-serif;
      text-decoration: none;
      font-size: 40px;
      margin-left: 70px;

    }
    
    .topnav a:link,
    .topnav a.visited {
      /* background-color: #04aa6d; */
      color: 5b8cff;
    }
    
    .topnav a:hover,
    .topnav a.active {
      background-color: #ffffff;
      color: #5b8cff;
    }
}






/* Tours */
#item-5 {
   background-color: #8a8a8a;
   grid-row-start: 2;
   grid-column-start: 9;
   grid-row-end: 7;
   grid-column-end: 2;

   font-size: 20px;
   color: #ebebeb;
   padding: 10px 10px;
   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: 300;
   font-style: normal;
   border-radius: 100px;

  
}






























#item-6 {
   background-color: #0c1355;
   grid-row-start: 7;
   grid-column-start: 1;
   grid-row-end:9;
   grid-column-end: 9;
   color: #f2f2f2;

}