body{
    background-color: #fff;
}

.cards-container{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.cards{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.card{
    background-color: #eee;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 15px -3px #000000; 
    box-shadow: 0px 0px 15px -3px #000000;
}

.treinamento{
    display: flex;
    flex-direction: column;  
    margin-bottom:1.5rem; 
}
.treinamento a{
    color: #222;
    text-decoration: #222;
}
.treinamento a:hover{
    background-color: #eee;
}

.manuais{
    display: flex;
    flex-direction: column;    
}
.manuais a{
    color: #222;
    text-decoration: #222;
    padding: 3px;
    border-radius: 3px;
}
.manuais a:hover{
    background-color: #eee;
}

.analiseRaiz{
    display: flex;
    flex-direction: column;    
}
.analiseRaiz a{
    color: #222;
    text-decoration: #222;
    padding: 3px;
    border-radius: 3px;
}
.analiseRaiz a:hover{
    background-color: #eee;
}

.voltar{
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

.botao{
    margin: 1rem;
    padding: .25rem .75rem;
    background-color: rgb(0, 107, 18);
    color: #FFF;

    border-radius: 5px;
}
.botao a{
    text-decoration: none;
}
.botao:hover{
    filter: brightness(.8);

    transition: filter 2s;
}