/*SELECTORES POR ID*/

/*Declaro selectores para definir la orientación de los textos en cada contenedor*/
#tituloP{
    text-align: left;
    color: #571b9b;
    padding-top: 25px;
}
#iconoP{
    text-align: center;
}
#descripcion{ 
    text-align: center;
}
#lenguaje1{
    text-align:right;
}
#lenguaje2{ 
    text-align:center;
}
#lenguaje3{
    text-align:left;    
}
#lenguaje4{
    text-align:left;
    color:#0000ff;
}
#lenguaje5{ 
    text-align:center;
}
#lenguaje6{
    text-align:right;
}
#descripcionId{
    background-color: #f1d5b0;
    border: 1px solid;
    border-radius: 4px;
    border-color: #eebe80;
    padding-left: 60px;
    padding-top: 30px;
    color: #420242;
}


/*SELECTORES POR CLASE*/

/*Creo un contenedor de cuadrícula con el tamaño de dos columnas*/
.container-titulo{
    display: grid; 
    grid-template-columns: 50% 50%;
}

/*Especifico un contenedor de cuadrícula con el tamaño de 3 columnas y, el espacio entre las mismas*/
.container{
    display: grid;    
    grid-template-columns: 32.71% 32.5% 32.71%;
    gap: 12px;
}


/*Creo un contendor y, declaro una sola columna horizontal*/
.container-descripcion {
    display: grid;
}

/*Especifico el borde para todos los contenedores*/
/*Indico el "relleno" dentro del contendor*/
.general{
    border: 1px solid;
    border-radius: 8px;    
    padding: 20px;
} 

/*Declaro el tamaño de texto general para los nombres de los LP*/
.texto{
    font-size: 150%;
}

/*Declaro el tamaño de letra general para todos los párrafos*/
.parrafosTexto{
    font-size:10.5px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

/*Selectores por agrupación*/

#lenguaje1, #lenguaje6{
    background-color: #e63ee6;
    border-color:red;
    color:#640364;
}

#lenguaje2, #lenguaje5{
    background-color:#adff2f;
    border-color:#008000;
    color: #2c2ca0;
}

#lenguaje3, #lenguaje4{
    background-color:#00ffff;
    border-color: #0000ff;
}