.container#content {
  margin-top:50px;
  max-width: 500px;
  text-align: center;

}
.jumbotron {
  background-color:rgba(37,170,255,0.09);
  border-radius: 15px!important;
  box-shadow: 10px 10px 55px lightgrey;

}

.form-group label {
  text-align: left;
  font-size: 1.5em;
  color:#25aae1;
  width:100%;
  margin-bottom:-4px;
  margin-left:5px;
}

form {
  margin-top:25px;
}

body {
  font-family: 'Didact Gothic', sans-serif;

}
input {
  border:1px solid #25aae1!important;
  margin-top:-3px;
  border-radius:6px!important;
}

.error {
  transition: max-height 2s, padding 2s;
  max-height:0;
  background-color:red;
  color:white;
  border-radius:6px;
  font-weight: bold;
  font-size:1.2em;
  margin:10px 0;
  overflow: hidden;
}
.error.active {
  max-height:500px;
}
.error-message {
  padding:10px;
}