:root{
    --e-global-color-0: #f7ecff;
    --e-global-color-1: #8F0CFD;
    --e-global-color-1-hover: #9c26fd;
    --e-global-color-2: #3C007C;
    --e-global-color-3: #0F5BFF;
    --e-global-color-4: #FFFFFF;
    --e-global-color-5: #551599;
    --e-global-color-5-hover: #6924b3;
    --e-global-color-6: #56238d;
    color-scheme: only light;
}

html, body{
    margin: 0 auto;
    padding: 0 auto;
}

body{
    background-color: var(--e-global-color-0);
}

a, a:hover, a:focus, a:active, a:visited, a:link{
  text-decoration: none!important;
}

.bg-first{
    background-color: var(--e-global-color-1);
}

.bg-first:hover{
    background-color: var(--e-global-color-1-hover);
}

.bg-secund{
    background-color: #007BFF;
}

.bg-secund:hover{
    background-color: #1485FF;
}

.first a, .secund a{
    color: white;
}

.first a:hover{
    text-shadow: 0px 0px 10px var(--e-global-color-2);
}

.secund a:hover{
    text-shadow: 0px 0px 10px var(--e-global-color-5);
}

.text-dark small{
    text-shadow: none;
}

.text-muted:hover{
    color: black!important;
}

/* .alert-info {
    color: var(--e-global-color-0);
    background-color: var(--e-global-color-5);
} */

.btn-primary, .btn-success,
.btn-primary:hover, .btn-success:hover,
.btn-primary:visited, .btn-success:visited,
.btn-primary:active, .btn-success:active,
.btn-primary:focus, .btn-success:focus,
.btn-primary:link, .btn-success:link{
    background-color: var(--e-global-color-5-hover);
    border: var(--e-global-color-2);
}

/* .alert-danger {
    color: var(--e-global-color-4);
    background-color: var(--e-global-color-1);
    border-color: var(--e-global-color-5);
    margin-top: 15px;
} */