body {
  background-color: #0FFF30;
}

h1 {
  font-family: Modern No. 20;
  text-align: center;
  font-style: bold;
}

nav {
  font-family: Modern No. 20;
  margin: auto;
  padding-left: 130px;

}

.navigation {
  border: 3px outset gray;
  margin: 0px 25px 0px 25px;
  padding: 5px 2px 5px 2px;
  background-color:#DCDCDC;
  text-decoration: none;
}

header {
  border: 4px outset;
  background-color: #00CC66;
  max-width: 900px;
}

section img {
  width: 50%;
  margin: auto;
  display: block;
}

aside {
  float: right;
  display: block;
  margin: auto;
  border: 2px outset black;
  padding: 10px 10px 10px 10px;
  background-color: #0FFF30;
}

aside img {
height: 40px;
width: 40px;
display: block;
margin: 20px 5px 20px 5px;
}
p {
  text-align: left;
}
body {
  background-color: #5F9688;
}

h1 {
  font-family: Modern No. 20;
  text-align: center;
  font-style: bold;
}

nav {
  font-family: Modern No. 20;
  margin: auto;
  padding-left: 130px;
  max-width: 900px;
  height: 100px;
}

.navigation {
  border: 3px outset gray;
  margin: 0px 25px 0px 25px;
  padding: 5px 2px 5px 2px;
  background-color:#A1BFB8;
  text-decoration: none;
}

header {
  border: 4px outset;
  background-color: #297461;
  max-width: 900px;
}

section img {
  width: 50%;
  margin: auto;
  display: block;
}

aside {
  float: right;
  display: block;
  margin: auto;
  border: 2px outset black;
  padding: 10px 10px 10px 10px;
  background-color: #297461;
}

aside img {
height: 40px;
width: 40px;
display: block;
margin: 20px 5px 20px 5px;
}
p {
  text-align: left;
}
Change color palette for index
Change color palette for index
