*{
    margin: 0;
    padding: 0;
}


body{
    background-color: rgb(221, 229, 222);
}
.titulo{
    width: 70%;
    margin: auto;
    padding: 15px;
    text-align: center;
    border-radius: 40px 0 40px 0;
    border: solid 2px greenyellow;
  
    background-color: rgb(234, 165, 140);
}

.tit_ppal{
    background-color: blue;
    color: beige;
    border-radius: 50px;
    text-align: center;
    width: 600px;
    margin: auto;
}


.fecha{
    background-color: bisque;
    width: 200px;
    border: solid 1px green;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.plan{
    background-color: rgb(221, 232, 239);
    width: 80%;
    margin: auto;
    height: 2300px;
}

.sub_tit{
    width: 50%;
   
    background-color: rgb(172, 150, 192);
    margin-top: 50px;
    padding: 1px 15px;
    border-radius: 40px 40px 0 0;
}

.compet{
    text-align: justify;
    /* border: solid 1px black; */
    padding: 0 20px;
    border: double 6px blue;
}


.tit_part_alg{
    border: dotted black;
    padding-left: 20px;
    width: 50%;
    margin: auto;
    color: blue;
    font-size: 30px;
}


.img_redes img{
    width: 50%;
    margin-left: 338px;
    margin-top: 15px;
}


.cont_part_alg{
    text-align: justify;
    width: 70%;
    margin: auto;
    background-color: rgb(181, 181, 187);
    color: rgb(10, 10, 10);
    padding: 20px;
    margin-top: 20px;
}



.container1{
   width: 80%;
    display: flex;
    background-color: darkorchid;
margin: auto;
}


.entrada{
    background-color: rgb(255, 217, 127);
    width: 20%;
    padding: 15px;
    
}
.cont_entr{
    background-color: rgb(231, 178, 158);
    font-size: 25px;
    padding: 20px;
    text-align: justify;
    

}



.container2{
    width: 80%;
     display: flex;
     background-color: darkorchid;
 margin: auto;
 }
 
 
 .proceso{
     background-color: rgb(192, 214, 47);
     width: 30%;
     padding: 15px;
     
 }
 .cont_proceso{
     background-color: rgb(169, 116, 165);
     font-size: 25px;
     padding: 20px;
     text-align: justify;
     
 }


 .container3{
    width: 80%;
     display: flex;
     background-color: darkorchid;
 margin: auto;
 }
 
 
 .salida{
     background-color: rgb(203, 127, 187);
     width: 20%;
     padding: 15px;
     
 }
 .cont_salida{
    background-color: rgb(255, 217, 127);
     font-size: 25px;
     padding: 20px;
     text-align: justify;
     
 
 }

 .img_3etapas{
   margin-left: 30%;
 }


 .img_defin{
    width: 70%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 35px;
    background-color: aqua;
 }

 .img_1{
    width: 100%;
 }
 
 
 .final_tema{
    background-color: lightseagreen;
    color: white;
    margin: 50px 50px;
    width: 100%;
       
   }

   .actividad{
    background-color: rgb(178, 244, 113);
    width: 70%;
    margin: auto;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    border: solid 2px black;
   }

   .actividad1{
    background-color: rgb(157, 123, 229);
    width: 70%;
    margin: auto;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 50px;
    font-size: 30px;
   }