/* import Normalize. 
In the CSS file, add 
2% margin and 2% padding to each page layout block element.
Remove the default margin and padding from h1, h2, and h3.

To the navigational anchors, add a 
5px border-radius, 
1% padding, and 
separate them with 2% margin-left.
*/


/* import the Google font called Ubuntu */
@import url(//fonts.googleapis.com/css?family=Ubuntu);

/* Define the body */
body {
  font-family:"Ubuntu", sans-serif;
  font-size:1em;
  line-height:1.2;
  color:DarkSlateGray;
  margin:2%;
  padding:2%;
}


/* Define navigation */
nav {
  text-align:center;
  margin:2%;
  padding:2%;
}
nav a {
  background-color:Coral;
  color:white;
  font-weight:bold;
  text-decoration:none;
  border-radius:5px;
  padding:1%;
  margin-left:2%;
  width:200px;
}
nav a:hover {
  background-color:white;
  color:coral;
}

/* Define page layout blocks */
header, footer {
  background-color: DarkSlateGray;
  color:white;
  margin:2%;
  padding:2%;
}
section {
  background-color:PapayaWhip;
  margin:2%;
  padding:2%;
}
article {
  border:1px solid DarkSlateGray;
  margin:2%;
  padding:2%;
}


/* Define headings */
h1, h2, h3 {
  color:coral;
  margin:0;
  padding:0;
}
h1 {font-size:200%;}
h2 {font-size:150%; }
h3 {font-size:125%;}