@font-face {
    font-family: appFont;
    src: url('fonts/sinkinsans_300light.otf');
}


.gradient-splitter {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 0, 1) 25%, rgba(37, 255, 233, 1) 71%, rgba(32, 0, 130, 1) 89%);;
}

.gradient-background {
    background: url("../../assets/img/gradient_background.png") no-repeat;
    background-size: cover;
}

.card-login {
    background: rgba(255, 255, 255, 0.3);;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    backdrop-filter: blur(5px);
    color: #000000 !important;
    width: 440px;
    animation: fadeIn 2s
}

.card-login .dark-mode {
    background: rgba(0, 0, 0, 0.3);;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    backdrop-filter: blur(5px);
}

.card-body-transparent {
    background: transparent;
    color: #ffffff;
}

.wizi-font {
    font-family: 'appFont';
    font-size: 1rem;
}

.wizi-font-large {
    font-family: 'appFont';
    font-size: 2rem;
    line-height: 1;
}

.control-label,
.login-box-msg {
    color: #000000 !important;
}

.btn-primary {
    background-color: #E4FF00;
    border-color: #E4FF00;
    color: #000000;
}

.btn-primary:hover {
    background-color: #D0E800;
    border-color: #D0E800;
    color: #000000;
}

a {
 color:#000000;
}
a:hover{
    color:#D0E800;
}

.sidebar-dark-primary{
    background-color: #000000;
}