* {
  transition: all 200ms ease;
}
html {
  background-color: white;
  border-left: 30px solid #009ae2;
  height: 100%;
}
body {
  border-right: thin solid #009ae2;
  font-family: sans-serif;
  max-width: 500px;
  margin: 10% auto 0 auto;
  padding: 25px;
}
h1 {
  color: #009ae2;
  font-size: 20px;
}
h1.success {
  color: #127A06;
}
h1.error {
  color: #ff1515;
}
a {
  color: #009ae2;
  padding-bottom: 3px;
  text-decoration: none;
}
a:hover {
  border-bottom: thin solid #009ae2;
}
form * {
  margin-top: 15px;
}
form label {
  display: block;
}
form input,
form button {
  display: inline-block;
  padding: 12px 20px;
}
form button[type="submit"] {
  background-color: #009ae2;
  border: none;
  color: white;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 200ms ease;
}
form button[type="submit"]:hover {
  background-color: #127A06;
}