* p {
    text-align: justify;
}

#text {
    height: 100px;
    transition: all 0.3s ease;
    overflow: hidden;
}

#text.expand {
    height: 950px;
}

#mostrarMais {
    cursor: pointer;
    text-decoration: underline;
}

#text2 {
    height: 100px;
    transition: all 0.3s ease;
    overflow: hidden;
}

#text2.expand {
    height: 800px;
}

#mostrarMais2 {
    cursor: pointer;
    text-decoration: underline;
}

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
    --cor-principal: #6E859F;
    --cor-secundaria: #07193b;
    --cor-destaque: #2e02a6;
}

body {
    font-family: 'Chakra Petch', sans-serif;
    color: var(--cor-principal);
}

h1, h2, h5 {
    color: var(--cor-secundaria);
    font-weight: 700;
}

.lead, .btn-link {
    color: var(--cor-destaque);
    font-weight: 700;
}

a, .btn-link:hover {
    color: var(--cor-principal)
}

a:hover{
    color: var(--cor-destaque);
}

.modal-footer {
    height: 100px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.card-body1 {
    margin: 20px;
}

.card-body2 {
    margin: 20px;
}

.card-body3 {
    margin: 20px;
}