/***************************************
            FONDO Y CONTENIDO
****************************************/

.fondo{
    background-image: url("../Imagenes/darkblue_auto_x2.jpg");
    background-repeat:repeat-x ;
    background-size:cover;
    filter: blur(90%);
}
.contenido{
    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 5px );
    -webkit-backdrop-filter: blur( 9px );
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.18);
    margin: 50px;
    margin-left: 200px;
    margin-right: 200px;
    padding: 20px;
}

/***************************************
    PAGINA DE TAREAS 1
****************************************/

.tar1 p,pre{
    color: #efefee;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.tar1 h1{
    color: rgb(255, 255, 255);
    text-align: center;
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
    font-size: 40px;
    text-shadow: 4px -5px 10px #000;
}
.tar1 span{
    color: peru;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.list{
    color:#fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.subt{
    color: rgb(240, 200, 89);
   display: flex;
   justify-content: center;
   font-size: 20px;

}
.sbt{
    color: #ffc563;
    font-size: 25px;
    list-style: none;
    font-weight: bold;
}
.lmbj , .lmbj-1{
    color: rgb(96, 155, 251);
    font-size: 40px;
    text-align: center;
}
.lmbj-1{
    color: rgb(146, 212, 101);
    display: flex;
    justify-content: center;
}

.sbt1{
    color: rgb(255, 133, 239);
    font-size: 25px;
}
.leng{
    color:rgb(211, 107, 211);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif-;
    font-size: 20px;

}
.info{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    list-style:square;
    color: #fff;
    font-size: 17px;
    display: grid;
    gap: 10px;
    
}
.p{
    color: rgb(156, 0, 0);
}
.p2{
    color: rgb(255, 193, 112);
}
a ,:active ,a:disabled{
    text-decoration: none;
    color: #000;
    
}
a:hover{
    color: #e3ee8f;
}
.lmbj-2{
    color: salmon;
    font-size: 40px;
    display: flex;
    justify-content: center;
}
/* SUBTITULOS */
.lmbj-1_1{
    color: rgb(120, 255, 41);
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.lmbj-2_1{
    color: rgb(255, 41, 41);
    font-size: 40px;
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.lmbj-3_1{
    color: rgb(255, 223, 41);
    font-size: 40px;
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.lmbj-4_1{
    color: rgb(255, 144, 41);
    font-size: 40px;
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.lmbj-5_1{
    color: rgb(253, 62, 135);
    font-size: 40px;
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.lmbj-6_1{
    color:rgb(62, 247, 253) ;
    font-size: 40px;
    display: flex;
    justify-content: flex-start;
    font-size:30px;
}
.LOGO{
    width: 150PX;
    height: 150PX;
    margin-left: 40%;
}
.subli{
    list-style: none;
}
.tipos{
    font-size: 20px;
    color: rgb(255, 203, 72);
}
.tabla1{
    text-align: center;
    display: grid;
    justify-content: center;
   
}

.tabla1 tr{
    display: grid;
    grid-template-columns: 33% 1% 33% 1% 33%;
    padding: 10px;
   
    /* border: 4px solid rgb(193, 233, 60); */
    margin-top: 10px;
    
}
.cent{
   
    border-right: 3px dotted rgb(193, 233, 60);
   
}
.simbolos{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-left: 15%;
}
.PROLOG1{
    width: 400px;
    height: 420px;
}
.dprolog{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1cm;
}
.tex{
    position: relative;
    top: 40%;
    font-size: 30px;
    text-align: center;
    width: fit-content;
    height: fit-content;
}
.tex:hover{
    font-weight: bold;
    color: #000;
    background-color: rgba(233, 158, 60, 0.623);
    border-radius: 30px;
    transition: all 1ms;
}

.codi{
    text-align: start;
    margin-right: 90px;
    font-size: x-small;
    margin-left: 15px;
}
.none {
    font-family: auto;
    text-align: start;
    color: #000;
    font-size: medium;
   position: relative;
   left: -50px;
   margin-right: 20px;
   padding: 5px;
}
.titu{
    display: grid;
    place-items: center ;
    
}
.lob{
    position: relative;
    
    text-align: justify;

}
.py{
    width: 550px;
    height: 350px;
}
.py1{
    width: 400px;
    height: 200px;
    position: relative;
    left: 20%;
    margin-top: 4%;
    
    
}
.otros ,.signos{
    color: #fff;
}
.estc{
    text-align: start;
    margin-left: 5%;
    
}


#plus{
    position: relative;
    left: 30%;
    top: 30%;
}
#plus:hover{
    stroke: rgb(255, 0, 0);
    transition: all 1s;
}
.centra{
    position: relative;
    left: 37%;
}
.SQL{
    position: relative;
    left: 25%;
    width: 400px;
    height: 200px;
}
.ruby{
    position: relative;
    left: 33%;
    width: 250px;
    height: 200px;
}
.left
{
    text-align: start;
}
.logica{
    color:#eb79b7 ;
 
}
.logica2{
    color: #ff99d8;
    
}











/***************************************
        ATRAS , HOME , SIGUIENTE
****************************************/
.sig{
    position: relative;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 1cm;
}