/*This makes the background color light gray*/
body {background-color:#d9dad9}

/*This makes the heading 1 black.*/
h1 {color:black;}

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

/*This makes the paragraph text color black.*/
p {color: black}



/*This makes heading 2 black.*/
h2{color: black}

/*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 gray. */
.topnav {
  background-color: #aaadaa;
  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 a lighter gray when you hover over them. */
.topnav a:hover {
  background-color: #d9dad9;
  color: black;}

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

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

* {
  box-sizing: border-box;
}
.column1 {
  float: left;
  width: 50%;
  padding: 10px;
  height: 200px;
}
.column2 {
  float: right;
  width: 50%;
  padding: 10px;
  height: 200px;
}