#mainSoftwares {
    background-color: var(--preta);
}

#cabecalhoSoftware {
    display: flex;
    color: var(--branco);
    padding-inline: 6.5rem;
    background: var(--preta);
    font-family: var(--font4);
    padding-block: var(--meia);
    align-items: var(--centro);
    justify-content: var(--espaco);
}

#cabecalhoSoftware h1 {
    font-size: 14pt;
}

#cabecalhoSoftware a {
    color: var(--branco);
    text-decoration: none;
    transition: all .5s;
}

#cabecalhoSoftware a:hover {
    font-size: 15pt;
}

hr {
    background-color: white;
}

#mainSoftwares {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#mainSoftwares .cardSoftwares {
    width: 400px;
    height: 510px;
    cursor: pointer;
    border-width: 4px;
    border: 1px solid;
    display: var(--fx);
    margin: var(--meia);
    padding-bottom: 1rem;
    border-image-slice: 1;
    transition: all .5s ease;
    text-align: var(--centro);
    align-items: var(--centro);
    border-radius: var(--meia);
    flex-direction: var(--coluna);
    justify-content: var(--espaco);
    border-image-source: var(--gradiente2);
    animation: mostraCard 5s ease-in;
}

@keyframes mostraCard {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#mainSoftwares .cardSoftwares h3 {
    font-size: 17pt;
    color: transparent;
    margin-bottom: 1rem;
    background-clip: text;
    font-family: var(--font4);
    font-weight: var(--negrito);
    background-image: var(--gradiente1)
}

#mainSoftwares .cardSoftwares p {
    padding: 1rem;
    text-align: justify;
    color: var(--branco);
    font-family: var(--font4);
}

.imgSoftware img {
    width: 30%;
    position: relative;
}