/*This makes the heading 1 green.*/
h1 {color:#97ae8c;}

/*This makes the text of the heading 1 bigger.*/
h1 {font-size: 60px;}

/*This changes the paragraph text color to white.*/
p {color: white}

/*This makes the heading 2 text white.*/
h2{color: white}

/*This changes the background color to purple.*/
body {background-color: #574561;}

/*This makes the paragraphs farther away from the edge of the page.*/
p {padding-top: 0px;
  padding-right: 50px;
  padding-bottom: 0px;
  padding-left: 50px; }

/* This makes the background of the navagation bar light purple.*/
.topnav {
  background-color: #9881a5;
  overflow: hidden;}

/* This changes the words and icons in the navagation bar. */
.topnav a {
  float: left;
  display: block;
  color: #fff2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;}

/* This changes the color of the boxes to purple when you hover over them. */
.topnav a:hover {
  background-color: #574561;
  color: #97ae8c;}

/* This shows what page you are activly on by it being a light purple.*/
.topnav a.active {
  background-color: #b6a5bf;
  color: white;}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;}