body {
  background-color: #3d4b56;
  color: #000;
  font-family: Verdana;
  background-image: url("background.jpg");
  background-size: 100% auto;
  background-position: center;
  
}

h1, h2 {
  font-family: Helvetica;
 
  text-align:center;
}

h1 {
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  font-size: 40px;
  top:30px;
  }

h2 {
  color: #FED204;
  position:relative;
  top:60px;
  font-size: 30px;
  }
  
h3 {
  font-family: Helvetica;
  text-align:center; 
  font-size:30px;
  margin-bottom:35px;
}

  
p, ul {
  color: #520975;
  line-height: 22px;
  font-size: 16px;
  }
  
a {
  color: #3d4b56;
  background-color: #fff;
  }

#header {
  width: 800px;
  height:160px;
  margin-right: auto;
  margin-left: auto;
  background-color:red;
}

#header img {
  border-radius: 75px 75px 75px 75px;
  width:150px;
  float:left;
  background-color:red;
  margin-left:10px;
}

#intro {
  width: 800px;
  margin-left:auto;
  margin-right:auto;
  background-color: #fff;
  padding-top:50px;
  border-radius: 5px 5px 5px 5px;
  
}

#sign-up {
  border-radius: 5px;
  
  width: 800px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  border: 5px #aaa solid;
  background-color: #fff;
}

#sign-up #email-field {
  width: 700px;
  padding: 12px;
  border: solid 1px #888;
  border-radius: 3px;
}

#sign-up #submit-button {
  display: inline;
  padding: 11px;
  border: solid 1px #888;
  border-radius: 3px;
  background-color: #75c77f;
  color: #fff;
  cursor: pointer; /* This makes the button behave like a button should */
}

#footer {
  width: 800px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  text-align: center;
}

#footer p {
  font-size: 12px;
}


#action {
    background-color: #520975; /* purple */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin:10px;
}