body {
  background-color: #0098B8;
  color: #2A0149;
  font-family: Courier ;
  font-weight: bold;
}

a:link {
  color: #2A0149;
  text-decoration: none;
}

a:visited {
  color: #2A0149;
}

a:hover {
  color: red;
  text-decoration: underline;
}

.container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 85%;
margin: 0 auto;
}

.menu { background-color: #F17912;
  grid-area: 2 / 1 / 6 / 2; 
}
  
.header { 
  grid-area: 1 / 2 / 2 / 5;
}
  
.maintext { background-color: #FAB200;
  grid-area: 2 / 2 / 6 / 4; 
 }
  
.mainimages { background-color: #FAB200;
  grid-area: 2 / 4 / 6 / 5; 
 }
  
.extra { 
  grid-area: 2 / 5 / 6 / 6; 
 }

.logo { 
  grid-area: 1 / 1 / 1 / 1;
}

.menu,.header,.maintext,.mainimages,.extra,.logo {
  padding: 10px;
}
/* CSS HEX 
--amber-flame: #FAB200ff;
--dark-amethyst: #2A0149ff;
--cayenne-red: #E65C18ff;
--blue-green: #0098B8ff;
--harvest-orange: #F17912ff;
--honeydew: #D1E8DAff;
--muted-teal: #80C1A1ff;
*/