html,
body {
  height: 100%;
}
body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}
.card{background-color: rgba(255,255,255,0.1);border:0px;}
.form-signin {
  max-width: 330px;
  padding: 15px;
  background-color: rgba(255,255,255,0.2);
  
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }