:root{
    --cor-texto-azul-escuro: #00558a;
    --cor-texto-azul: #3d89b9;
    --cor-texto-azul-claro: #9BBFD6;
    --cor-texto-azul-fraco: #e9f7ff;

    --cor-texto-verde-escuro: #008a00;
    --cor-texto-verde-claro: #9bd69b;
    --cor-texto-verde-fraco: #ecfdec;

    --cor-texto-vermelho-escuro: #8a0000;
    --cor-texto-vermelho-claro: #d69b9b;
    --cor-texto-vermelho-fraco: #ffefef;

    --cor-texto-amarelo-escuro: #818a00;
    --cor-texto-amarelo-claro: #d5d69b;
    --cor-texto-amarelo-fraco: #ffffeb;

    --cor-texto-ciano-escuro: #008a7e;
    --cor-texto-ciano-claro: #9bd6d1;
    --cor-texto-ciano-fraco: #effffe;

    --cor-texto-roxo-escuro: #6a008a;
    --cor-texto-roxo-claro: #c39bd6;
    --cor-texto-roxo-fraco: #faf0ff;
}


.introduction{
    background-image: linear-gradient(rgb(199,220,234,0.9), rgb(107,160,194, 0.9));
}


.topic{
    background-image: linear-gradient( var(--cor-texto-azul), var(--cor-texto-azul));
    height: 50px; text-align: center; padding-top: 5px; padding-bottom: 5px;
    border-color: white;
    color: white;
}


.introductionBackSist{
    background-color: var(--cor-texto-azul-claro);
}

h1 {color: var(--cor-texto-azul-escuro); display: inline; }
h2  {color: var(--cor-texto-azul-escuro);}

h4 {
    color: var(--cor-texto-azul-escuro);;
}

.divShow{
    pointer-events: none; 
    cursor:pointer;
    background-color: rgb(199,220,234,0.9);
}

.copyright{
    background-color: var(--cor-texto-azul)
}

.corTexto{
    color: var(--cor-texto-azul-escuro)
}