body.login {
    min-height: 100vh;
    background: rgb(235, 242, 255);
    background: -moz-linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
    background: -webkit-linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
    background-image: url("../img/texture.png"), linear-gradient(90deg, rgb(235, 242, 255) 0%, rgb(228, 250, 246) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf2ff",endColorstr="#e4faf6",GradientType=1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

[data-theme=dark] body.login {
  background: rgb(28, 37, 68);
  background: -moz-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background: -webkit-linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  background-image: url("../img/texture-dark.png"), linear-gradient(90deg, rgb(28, 37, 68) 0%, rgb(42, 95, 171) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c2544",endColorstr="#2a5fab",GradientType=1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
[data-theme=dark] .match-login-form{
    background-color: #1C2544;
}
[data-theme=dark] .match-login-form .login-container h1{
    color: #eee
}

.match-login-logo{
    max-width: 450px;
    height: auto;
}

.match-login-form{
    background-color: #FFF;
    padding: 80px;
    box-shadow: 0px 3px 6px #00000029;
}

.match-login-form nav a{
    color: #AEB1B2;
    text-decoration: none;
    font-size: 25px;
}

.match-login-form nav a:hover i{
    transition: all .3s ease-in-out;
}

.match-login-form nav a:hover i{
    transform: translateX(-20px);
}

.match-login-form .login-container{
    max-width: 630px;
    width: 100%;
    color: #AEB1B2;
}

.match-login-form .login-container h3{
    font-size: 25px;
    letter-spacing: 1.25px;
}

.match-login-form .login-container h3 a{
    text-decoration: none;
}

.match-login-form .login-container h1{
    font-size: 70px;
    color: #05445E;
}

.match-login-form .login-container form a {
    color: #AEB1B2;
    font-size: 20px;
}

.match-login-form .form-label{
    font-size: 25px;
}

.match-login-form .form-control-lg{
    border-radius: 10px;
}

.match-login-form ::placeholder {
    color: #AEB1B2;
    font-size: 15px;
}

/* .match-login-form button.btn{
    background-color: #05445E;
} */

.match-login-form button.btn:hover{
    opacity: .7;
}

@media (max-width: 992px) {
    .match-login-form{
        background-color: transparent;
    }

    .match-login-form .login-container h3{
        font-size: 16px;
    }

    .match-login-form .login-container h1{
        font-size: 40px;
    }
}