body {
  /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cbccc8)) fixed;*/
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) fixed;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

pre {
  border: 1px solid #999;
  background: #DADADA;
  border-radius: .25em;
  padding: .5em;
}

h1 img, span img {
  height: .9em;
}
a > img {
  transition: all .2s ease-in-out;
}

a > img:hover {
  transform: scale(1.1);
}

footer a {
  text-decoration: none;
}

#ecardoo {
  width: 800px;
  margin: auto;
}

#ecardoo h1 {
  text-align: center;
}

#ecardoo .ecardoo-image {
  margin-bottom: 1em;
}

#ecardoo .ecardoo-image img {
  max-width: 800px;
}

#ecardoo {
  margin: auto;
}

#ecardoo h2 {
  font-size: 1em;
}

#ecardoo .image {
  width: 100%;
}

#ecardoo label, #ecardoo p, #ecardoo h2 {
  clear: both;
  display: block;
  padding: .25em .5em;
}

#ecardoo label span {
  float: left;
  width: 35%;
}

#ecardoo label input[type=text] {
  float: left;
  width: 64%;
}

#ecardoo label textarea {
  width: 99%;
}

#ecardoo label i {
  font-weight: normal;
  color: red;
}

#ecardoo textarea {
  resize: none;
  overflow: auto;
  min-height: 80px;
  max-height: 400px;
}

/* Form */

#ecardoo .ecardoo-mail-from,
#ecardoo .ecardoo-name-from,
#ecardoo .ecardoo-mail-to,
#ecardoo .ecardoo-name-to {
  display: block;
  float: left;
  width: 48%;
  margin: 1%;
}

#ecardoo .ecardoo-subject label, #ecardoo .ecardoo-message label {
  display: block;
  padding-top: .2em;
  margin: 1%;
}

#ecardoo .ecardoo-subject input, #ecardoo .ecardoo-message textarea {
  display: block;
  float: left;
  width: 98%;
  margin: 1%;
}

#ecardoo .ecardoo-submit {
  text-align: center;
}

#ecardoo .field_with_errors label {
  color: red;
}

#ecardoo .field_with_errors input, #ecardoo .field_with_errors textarea {
  border: 1px solid red;
}

#ecardoo .message {
  white-space: pre-wrap;
}

#ecardoo .copyright {
  color: #999;
  font-size: .9em;
}

#ecardoo .copyright a {
  text-decoration: none;
}

#ecardoo #ecardoo-preview {
  border: 1px solid black;
  padding: 1em;
  border-radius: .25em;
  box-shadow: 7px 7px 16px 0px rgba(50, 50, 50, 0.39);
  margin-bottom: 1em;
}

#ecardoo form {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.9);
  border-radius: .2em
}

/* font definitions */
#ecardoo .sans-serif {
  font-family: Arial, Helvetica, sans-serif;
}

#ecardoo .serif {
  font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Times New Roman', Times, serif;
}

#ecardoo .script {
  font-family: 'Domestic Manners', 'URW Chancery L', 'Brush Script MT', Zapfino, 'Apple Chancery', 'Bradley Hand ITC', 'Monotype Corsiva', 'Comic Sans MS', cursive;
  font-size: 1.2em;
}

#ecardoo .monospace {
  font-family: 'Courier New', Courier, 'Lucida Console', Monaco, monospace;
}