body {
  background-color:#f8f8f8; /* Sets background color of our website */
  font-family: Arial, Helvetica, sans-serif; /* Sets the font family to be used across our website */
}

#contact-form {
  width:400px; /* Sets our contact form width */
  margin:0 auto; /* Centers our contact form if it have fixed width */
  background-color:#fff; /* Adds background color to our contact form body */
  border:2px solid #f3f3f3; /* Adds 2px border to our contact form */
  padding:50px; /* Adds padding to our contact form */
  margin-top:20px; /* Adds a top margin to our contact form */
}

#contact-form label {
  display:block; /* Sets the label to be above the input field */
  margin-bottom:5px; /* Adds a bottom margin */
  font-weight:bold; /* Changes weight of the font by making it bold */
  text-transform: uppercase; /* Changes all letters to be uppercase */
  font-size:12px; /* Changes the font size to be 12px */
  color:#555555; /* Changes the font color */
}

#contact-form textarea,
#contact-form input {
  padding: 8% 5%; /* Adds padding to our input fields */
  border:none; /* Reses the border to none to style it later */
  border-bottom:2px solid #ccc; /* Adds a border to the bottom */
  margin-bottom:25px; /* Adds a bottom margin */
  width:90%; /* We set the width 90% + 5% padding left + 5% padding right = 100% */
  font-family: Arial, Helvetica, sans-serif; /* Sets the font family to be used in input fields */
}

#contact-form input#submit {
  width:100%; /* Sets the width of our submit button to be 100% */
  cursor:pointer; /* Changes cursor type */
  margin-bottom:0px; /* Resets the margin bottom */
  color:#fff; /* Changes the font color */
  background-color: #5bc0df; /* Adds background color to our submit button */
  border-bottom:5px solid #46b8db; /* Adds bottom border to make it look 3d */
}

#contact-form input#submit:hover,
#contact-form input#submit:focus {
  background-color: #85d0e7; /* Adds a background color on hover & focus */
}

#contact-form p.copy {
  color:#ccc; /* Changes the font color */
  margin-bottom:0px; /* Resets the margin bottom */
  font-size:12px; /* Changes the font size to be 12px */
  text-align: center; /* Centers the text of copy */
}

#contact-form p.copy a {
  color:#ccc; /* Changes the font color */
  text-decoration: none; /* Sets the text underline up */
  font-weight:bold; /* Adds font weight */
}