:root{
    --color-principal:#ffffff;
    --color-secundario: #92D050;
    --color-transparente: transparent;
    --color-texto: #555;
}


/* scroll chrome */
.content__page::-webkit-scrollbar{
    width: 25px;
    background: transparent;
}

.content__page::-webkit-scrollbar-thumb{
    border: 10px solid transparent;
    box-shadow: none;
    border-radius: 40px;
}

.content__page::-webkit-scrollbar-thumb{
    box-shadow: inset 0 0 0 10px var(--color-texto);
}

.content__page:hover::-webkit-scrollbar-thumb:hover{
    border: 8px solid transparent;
    box-shadow: inset 0 0 0 10px var(--color-secundario);
}

.content__page::-webkit-scrollbar-track{
    background-color: transparent;
    margin: 40px;
}

/* scroll moz

.content__page{
    scrollbar-width: thin;
    scrollbar-color: var(--color-secundario) transparente;
} */

/* scroll chrome barra lateral */


.layout__aside::-webkit-scrollbar{
    width: 25px;
    background: var(--color-secundario);
}

.layout__aside::-webkit-scrollbar-thumb{
    border: 10px solid transparent;
    box-shadow: none;
    border-radius: 40px;
}

.layout__aside::-webkit-scrollbar-thumb{
    box-shadow: inset 0 0 0 10px var(--color-texto);
}

.layout__aside:hover::-webkit-scrollbar-thumb:hover{
    border: 8px solid transparent;
    box-shadow: inset 0 0 0 10px var(--color-principal);
}

.layout__aside::-webkit-scrollbar-track{
    background-color: var(--color-secundario);
    margin: 40px;
}