@media screen and (max-width: 768px) {
    #lenguajes .contenido {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 2vw;
    }

    .tarjeta-img {
        font-size: 400%;
    }

    .tarjeta p {
        font-size: 130%;
    }

    .titulo h2 {
        font-size: 300%;
    }

    .proyecto {
        width: 100%;
        height: 80vh;
        transform: skewX(0deg);
    }

    #proyecto-carrusel {
        margin: 10% auto 0 auto;
        flex-direction: column !important;
        width: 80%;
        height: 60vh;
        border-radius: 15px;
    }

    .proyecto h4 {
        font-size: 120%;
        bottom: -90%;
        left: 10%;
        transform: rotate(270deg) translateY(-50%);
        transform-origin: left center;
        animation: carruselMostrarTituloMovil 24s infinite cubic-bezier(0.10, 0.9, 0.5, 1);
    }

    .proyecto p {
        font-size: 120%;
    }

    #perfil-sobre-mi {
        width: 85%;
        height: 130vw;
    }

    #texto-sobre-mi {
        font-size: 2.8vw;
        width: 60%;
        position: relative;
    }

    .texto-sobre-mi-img {
        position: absolute;
        width: 100vw;
        top: 5%;
        left: -38%
    }


    .datos-sobre-mi {
        font-size: 2.5vw;
    }

    @keyframes carruselMostrarTituloMovil {
        0% {}

        2% {
            font-size: 250%;
            bottom: 35%;
        }

        15% {
            font-size: 250%;
            bottom: 35%;
        }

        17% {
            font-size: 120%;
            bottom: -90%;
        }

        20% {
            font-size: 120%;
            bottom: -90%;
        }
    }


}