html,body{
    background: #6EE8E0;
    font-family: 'Poppins', sans-serif;
}
::selection{
    color: #fff;
    background: #e1e1e8;
}
.container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.container .form{
    background: #6EE8E0;
    padding: 30px 35px;
    border-radius: 5px;
}
.container .form form .form-control{
    height: 40px;
    font-size: 15px;
}
.container .form form .forget-pass{
    margin: -15px 0 15px 0;
}
.container .form form .forget-pass a{
   font-size: 15px;
}
.container .form form .button{
    background: #6665ee;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.container .form form .button:hover{
    background: #5757d1;
}
.container .form form .link{
    padding: 5px 0;
}
.container .form form .link a{
    color: #6665ee;
}
.container .login-form form p{
    font-size: 14px;
}
.container .row .alert{
    font-size: 14px;
}
@media (max-width: 767px) {
  .container {
    width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  
  .form {
    width: 100% !important;
  }
}