html {
background: #8F4242;
background: -moz-linear-gradient(left, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
background: -webkit-linear-gradient(left, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
background: linear-gradient(to right, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
}

img.flipped-image {
transform: scaleX(-1);
}

p.large-text {
font-size:30px;
}

body {
margin: 0;
}

.header {
background: #8F4242;
background: -moz-linear-gradient(left, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
background: -webkit-linear-gradient(left, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
background: linear-gradient(to right, #8F4242 0%, #4644B2 17%, #6BC6FF 100%);
text-align: center;
vertical-align: baseline;
padding: 2px;
}

.body img:hover {
transform: scaleX(-1);
}

.body {
padding-left: 30px;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  background-color: #81C784; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}