body{
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/signup_bg.jpg);
    background-size: cover;
    background-position: center;
}

.bg-dark{
    background-color: transparent !important;
}

.row{
    height: 80vh;
}

.card{
    background-color: transparent;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(9px);
    border: 2px solid #B2B4B1;
}

.card h1, label{
    color: #B2B4B1;
}

input{
    background-color: transparent !important;
    color: #B2B4B1 !important;
    border: none !important;
}

input::placeholder{
    color: #b2b4b161 !important;
}

input:focus{
    outline: none !important;
}

.login-link{
    text-decoration: none;
    color: #B2B4B1;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.login-link:hover{
    opacity: 1;
}

button{
    background-color: #B2B4B1;
    color: #090E0F;
    border: none;
    border-radius: 10px;
    padding: 5px 0;
    transition: all 0.3s ease-in-out;
}

button:hover{
    opacity: 0.7;
}

.auth-image {
    width: 500px;
}

@media all and (max-width: 991px){
    .auth-image {
        width: 300px;
    }
}

@media all and (max-width: 425px){
    .auth-image {
        width: 200px;
    }
}