/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: black;
  margin: 0;
  padding: 0;
  height: 100%;
}

.title {
	color: white;
	font-size: 24px;
}

#headertext {
  border: black double 5px;
  border-radius: 15px;
  color: white;
  font-family: Courier New;
  max-height: 75px;
  max-width: 600px;
  font-size: 48px;
  margin: 0 auto 0 auto;
  padding: 25px;
  width: 60%;
}
  

#content {
  border: white double 5px;
  border-radius: 15px;
  color: white;
  font-family: Courier New;
  max-height: 500px;
  max-width: 600px;
  font-size: 18px;
  margin: 0 auto 0 auto;
  padding: 25px;
  width: 60%;
}

#soil {
  border: white double 5px;
  border-radius: 15px;
  background-image: url("http://www.picshunger.com/wp-content/uploads/2014/12/images-of-purple-flowers-2.jpg");
  font-family: Courier New;
  max-height: 100px;
  max-width: 600px;
  font-size: 18px;
  margin: 25px auto 0 auto;
  padding: 25px;
  width: 60%;
}
/* unvisited link */
a:link {
    color: #ccc;
    border-bottom: solid #fff 1px;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #ccc;
    border-bottom: solid #fff 1px;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: white;
    border-bottom: solid #fff 1px;
    text-decoration: none;
}

/* selected link */
a:active {
    color: white;
    border-bottom: solid #fff 1px;
    text-decoration: none;
}