@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=DM+Serif+Display&family=Inconsolata:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
.logo {
    height: 45px;
  }
  

  html,body {
  height: 100%;
  width: 100%;
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'Quicksand', sans-serif;
}
  body{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background-color: #1b1920e7;
    background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg');
    color: rgb(253, 253, 253);
}

.login-container{
    height: 100vh;
    width: 100%;
}

.login-form{
    max-width: 100%;
    width: 370px;
    padding: 15px;
    margin: auto;
}

.form-control{
    font-size: 15px;
    min-height: 48px;
    font-weight: 500;
}

.form-control:focus{
border-color: #723dbe;
box-shadow: 0 0 0 0.2rem rgba(105, 56, 173, 0.25);
}

.forgot-link{
    font-size: 13px;
}

.forgot-link label{
    margin-bottom: 0;
}

.login-form a{
    text-decoration: none;
  color: #ffeba7;

  }

  .login-form a:hover{
  color: #ffeba7;
  }

  .btn-custom{
    background: #723dbe;
    border-color:#723dbe;
    color:#fff;
    font-size: 15px;
    font-weight: 600;
    min-height: 48px;
  }
  
  .btn-custom:focus,
  .btn-custom:hover,
  .btn-custom:active,
  .btn-custom:active:focus{
    background: #54229d;
    border-color: #54229d;
    color:#fff;
  }

  .btn-custom:focus{
    box-shadow: 0 0 0 0.2rem rgba(114,61,190,.25);
  }




  /* ---------------------------------------------- */
  /* Footer */
footer {
    color: white;
    background-color: rgba(18, 18, 19, 0.89);
  }
  
  footer ul {
    list-style: none;
  }
  
  footer ul li {
    margin-top: 5px;
  }
  
  footer h6 {
    color: gray;
    text-transform: uppercase;
  }
  
  footer .app_download {
    border: 2px solid white;
    margin: 10px;
  }
  
  .top-border {
    border-top: 2px solid gray;
  }
  
  .social-links li {
    display: inline-block;
    margin-right: 18px;
    font-size: 18px;
  }
  
  .social-links li a {
    color: white;
  }
  
  .fa-facebook-f:hover {
    color: #3b5998;
  }
  
  .fa-pinterest:hover {
    color: #e60023;
  }
  
  .fa-instagram:hover {
    color: #8134af;
  }
  
  .fa-twitter:hover {
    color: #00acee;
  }