@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
*{
    margin: 0;
    padding: 0;
}

:root{

    /* --primary-color: #FF0000;
    --navbar-color: #050101;
    --form-check-color: rgb(168, 24, 24);
    --btn-color: #FF0000;
    --btn-color-hover: #FF4D4D;
    --degrade_primary: #8B0000;
    --degrade_secondary: #6b0202;
    --icons-color: #FF0000;
    --text-destaque-color: #FF0000;
    --borders-color: #FF0000;  */

    --primary-color: #8D4FFF;
    --navbar-color: #09071A;
    --form-check-color: rgb(56, 33, 97);
    --btn-color: #5C25D6;
    --btn-color-hover: #3DE6FF;
    --degrade_primary: #5F2CC8;
    --degrade_secondary: #2D165B;
    --icons-color: #8D4FFF;
    --text-destaque-color: #3DE6FF;
    --borders-color: #8D4FFF;
}

.font-inter{
    font-family: "Inter", sans-serif;
}

.font-nunito{
    font-family: "Nunito", sans-serif;
}

.border-principal {
    border-color: var(--borders-color)!important;
}

.bg-principal{
    background-color: var(--navbar-color)!important;
}
.text-principal{
    color: var(--text-destaque-color)!important;
    /* color: #cb00dd!important; */
}

.icon-color{
    color: var(--icons-color)!important;
}

.btn-principal{
    background-color: var(--btn-color)!important;
    color: white;
    transition: 0.5s;
}
    .btn-principal:hover{
        color: white;
        background-color: var(--btn-color-hover)!important;
    }

.pointer{
    cursor: pointer;
}

.selected{
    color: var(--btn-color);
    background: linear-gradient(90deg, var(--degrade_primary) 0%, var(--degrade_secondary) 100%); 
}
.active{
    background-color: var(--primary-color)!important;
}


.text-hover:hover{
    color: var(--primary-color)!important;
}

li{
    list-style-type: none;
}

.form-check-input:checked {
    background-color:var(--form-check-color);
    border-color: #ffff;
}

.inner-input{
    outline: none;
    border: 0;
    background-color: transparent;
    width: 90%;
}
    .inner-input::placeholder{
        color: rgb(172, 155, 155);
    }

.form-control{
    border: 1px solid white!important;
    height: 36px!important;
    padding: 20px 10px;
}
    .form-control:focus,
    .form-control:active {
        outline: none;
        box-shadow: none; 
        border-color: initial; 
    }

.form-check-input:focus,
.form-check-input:active {
    outline: none;
    box-shadow: none; 
    border-color: initial; 
}