.card-img-overlay {
    place-self: center;
    text-align: center;
    max-width: 800px;
}

.img__banner{
    opacity: 0.4;
}


.carta__titulo__anima h1{
    white-space: nowrap;
    animation: typing 5s steps(30), blink .5s infinite step-end alternate;
    overflow: hidden;
    width: 100%;
}

.card-title{
    font-size: xxx-large;
}

.card-text{
    font-size: larger;
}

@keyframes typing {
    from {width: 0}
}

@keyframes blink {
    50% {border-color: transparent}
}


@media (max-width: 600px) {

    .card-title{
        font-size: xx-large;

    }
    .card-text{
        display: none;
    }

  }