body {background: #fafafa;}
.container {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    width: 95%;

   
    margin-top: 18vh;
}

.container form {     background: #fff;   padding: 20px;
 box-shadow: 0 0 5px rgb(0 0 0 / .1);
    border-radius: 8px;
}
.container img {height: 50px; width:50px; padding: 18px;}
h1 {
  margin-bottom: 20px;
}

input {
  display: block;
 width: calc(100% - 32px);
  padding: 10px;
  margin-bottom: 10px !important;
	box-shadow: none !important;
	border: 1px solid #e8e8e8 !important;
	-webkit-box-shadow: none !important;
}

button {
  width: 100%;
  padding: 10px;
}

#error-message.active {

    border: 1px solid #fc6161;
    border-radius: 5px;
    padding: 8px;
    font-size: 15px;
    color: #fc6161;
    background: #fff9f9;
    margin-bottom: 10px;

}

#success-message {

    border: 1px solid #00B770;
    border-radius: 5px;
    padding: 8px;
    font-size: 15px;
    color: #00B770;
    background: #DDFBEF;
    margin-bottom: 10px;

}