* {box-sizing: border-box}

.divider:after, .divider:before {
    content: "";
    flex: 1;
    height: 1px;
    background: #eee;
}

body {
    background-color:#f7f7f7;
}

.register {
  padding-left:33%;
  padding-bottom: 5%;
  font-size: 1.6em;
  letter-spacing: 0.15em;

}

.h-custom {
    height: calc(100% - 73px);
}

.form-style {
    background-color: white;
    padding: 50px;
    width: 100vh;
    -webkit-box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.38);
    -moz-box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.38);
    box-shadow: 2px 1px 21px -9px rgba(0,0,0,0.38);

}

input[type=email]:not(:placeholder-shown):invalid, input[type=password]:not(:placeholder-shown):invalid {
  color: #DC343B;
  outline-color: #DC343B;
}


.password-alert {
    color: rgba(0,0,0,0.38);
}



input[type=text], input[type=password], input[type=email] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    display: inline-block;
    border: none;
    background: #f7f7f7;

}

.btn {
      display: block;
      margin-left: auto;
      margin-right: auto;
}


.invalid_credentials {
    height: calc(100% - 73px);
    color: red;
}

@media (max-width: 450px) {
    .h-custom {
        height: 100%;
    }
}

#message {
    color: #DC343B;
}