#cuadroTextoProyecto {
    font-family: 'BebasNeue-Bold';
    position: absolute;
    width: 20em;
    height: 25em;
    background-color: aliceblue;
    z-index: 1;

    border: 5px solid #FF6201;
    border-radius: 8px;

    text-align: center;

    transform: perspective(600px) rotateY(-10deg);
}

#modalTextoProyecto{
    
    font-family: 'BebasNeue-Bold';
    font-size: 25px;    
    color: white; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.887);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.431); /* Borde negro sólido alrededor de cada letra */
    text-stroke: 1px rgba(0, 0, 0, 0.431); /* Para otros navegadores */
}

#modalTituloProyecto{
    font-family: 'BebasNeue-Bold';    
    color: white; 
    font-size: 50px;    

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.887);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.431); /* Borde negro sólido alrededor de cada letra */
    text-stroke: 1px rgba(0, 0, 0, 0.431); /* Para otros navegadores */
}

#cuerpoModal{
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(10px); 
    border-radius: 10px; 
    border: none; 
}

.btn-close-white {
    filter: invert(1);
    font-size: 30px;    

}


#imagenesProyecto {
    margin-left: 1em;
    width: 15em;
    height: 20em;
    background-color: aliceblue;

    border: 5px solid #FF6201;
    border-radius: 8px;

    transform: perspective(700px) rotateY(20deg);

    img {
        width: 13em;
        height: 19.4em;
        filter: blur(1px);
    }
}

#expandInfo{
    z-index: 2;
    margin-top: 23rem;
    margin-left: 18rem;
    
}

#linkLaunch{
    
    margin-top: 1rem;
    margin-left: 2rem;
    font-family: 'BebasNeue-Bold';
    font-size: 25px;    
    
}