html, body {
   margin: 0;
   padding: 0;
   height: 100%;
   background-color: #EDEDED;
}
.full-width-bg {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   height: 100vh;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #1C1C1C;
   text-align: center;
}
.form-signin {
   width: 100%;
   max-width: 400px;
   padding: 15px;
   margin: auto;
   background: linear-gradient(
     to bottom,
     rgba(255, 255, 255, 1.00),
     rgba(255, 255, 255, 0.80),
     rgba(255, 255, 255, 0.60),
     rgba(255, 255, 255, 0.40),
     rgba(255, 255, 255, 0.80),
     rgba(255, 255, 255, 1.00)
   );
   border-radius: 10px;
}
.form-signin .form_title {
   text-shadow: 1px 1px 12px #efefef;
}
.form-signin .form-floating: focus-within {
   z-index: 2;
}
.form-signin input[type="text"] {
   margin-bottom: 4px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
   margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}
.form-signin label {
   color: #888888;
}