@charset "UTF-8";
/* CSS Document */
@font-face {
font-family: 'Quicksand', sans-serif;}
form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 100%;
  color:#FFF;

  /* To see the limits of the form */
  padding: 1em;
  border: 0px solid #FFF;
  border-radius: 1em;
}

.form{
  margin-top: 1em;
}

label {
  /* To make sure that all label have the same size and are properly align */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
  /* To make sure that all text field have the same font settings
     By default, textarea are set with a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text field */
  width: 350px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 0px solid #FFF;
}

input:focus, textarea:focus {
  /* To give a little highligh on active elements */
  border-color: #FFF;
}

textarea {
  /* To properly align multiline text field with their label */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;

  /* To allow users to resize any textarea vertically
     It works only on Chrome, Firefox and Safari */
  resize: vertical;
}

.button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
  font-family :'Quicksand', verdana, arial, helvetica, helve, sans-serif;
  color:#FFF;
   box-shadow:0px 0px 0px #FFF inset;
}

button {
  /* This extra magin represent the same space as the space between
     the labels and their text fields */
  margin-left: .5em;
  cursor:pointer;
   box-shadow:0px 0px 0px #FFF inset;

}