body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: #000;
  box-sizing: border-box;
  width:100%;
}

a {
  color: #00B7FF;
}

.container{
  max-width: 800px;
  margin: 0 auto;
  display:flex;
  align-content: center;
  justify-content:center;
  height: 14rem;
}

.container_form{
  position:absolute;
  bottom: 0;
  right: 0;
  left: 0;
  min-height:20rem;
  background-color:#FFF;
  border-radius: 2rem 2rem 0 0;
  padding: 2rem;
}

.container_form form{
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.container_form form > input {
  padding: .6rem;
  border-radius: .3rem;
}
.container_form form > label {
  margin: 1rem 0;
} 
.container_form form > small{
  margin: .5rem 0 ;
} 

.container_form form > button {
  margin: 0 auto;
  margin-top: 3.5rem;
  padding: .7rem 1.5rem;
  background:red;
  border-radius: .3rem;
  border: 0px;
  color: #fff;
}
.invalid {
  border-color: red;
}
.title{
  text-align:center;
  max-width:65%;
  color:#FFE;
  align-self:center;
}

.text-white {
  color:white;
}