body {
    background-color: honeydew;
    margin:0px;
}


body > header {
  width: 100%;
  padding: 1ex 0;
  margin: 0 auto;
  text-align: center;
  background-color: lightskyblue;
  border-width: 0ex 0ex 0.2ex 0ex;
  border-color: ref;
  border-style: solid;
  box-shadow:0.5ex 0.5ex 1ex midnightblue;
}

header  h1 {
    font-family: san-serif;
    font-weight: Extra Black;
    font-size: x-large;
    color: inherit;
}

header  a {
    text-decoration:none;
    color:inherit;
}

header  p {
    width: 90%;
    padding: 2ex 5% 2ex 5%;
    margin: 0em;
}


header nav ul {
  text-align: center;
  padding: 10px 0;
  margin: 0 auto;
  font-size: inherit;
}

header nav ul li {
  list-style: none;
  display: inline-block;
  margin: 0 20px;
  font-size: inherit;
}


main {
  margin: 5ex auto;
  width: 70%;  
  background-color: white;
  padding: 3em;
}
@media screen and (max-width:480px) {
	main {
	    width: 90%;
	    padding: 5%;
	}
}

main h1{
  background-color: inherit;
  color: inherit;
  border-color: midnightblue;
  border-style: solid;
  border-width: 0ex 0em 0.2ex 1em;
  padding-left: 0.7em;
  font-size: xx-large;   
}

main h2{
  background-color: inherit;
  color: inherit;
  border-color: midnightblue;
  border-style: solid;
  border-width: 0ex 0em 0ex 1em;
  padding-left: 0.7em;
  font-size: x-large;   
}

main h3{
  background-color: inherit;
  color: inherit;
  border-color: midnightblue;
  border-style: solid;
  border-width: 0ex 0em 0.1ex 0em;
  padding-left: 0.7em;
  font-size: large;   
}

section p {
  background-color: inherit;
  color: inherit;
  padding-left: 1em;
}

section nav.more {
    color: white;
    background-color: navy;
    display: inline-block;
    margin-left: 1em;
    padding-left: 0.7em;
    padding-right: 0.7em;
    width:auto;
    border-color: midnightblue;
    border-style: solid;
    border-width: 1px;
    border-radius: 1em
}
section nav.more a{
    text-decoration:none;
    color: white;
}

section ul.iconic a{
    text-decoration:none;
    color: inherit;
}

section ul.iconic {
  text-align: inherit;
  padding: 10px 0;
  margin: 0 auto;
  font-size: inherit;
}

section ul.iconic li {
  list-style: none;
  display: inline-block;
  margin: 0.5ex 0.5ex;
  font-size: inherit;
  margin-left: 1em;
  padding: 1em 1em 1em 1em;
  width:auto;
  border-color: midnightblue;
  border-style: solid;
  border-width: 0.5ex;
  border-radius: 1em;
  background-color: mintcream;
}

img {
    width: 25em;
    max-width: 95%;
}