.titulo{

    font-weight: bold;
    color: #f29c12;
    font-size: 55px;
}


.parrafo{
    color: aliceblue;
    font-size: 30px;
    
}



.texto{
    color: rgb(0, 0, 0);
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    
}





body{
    font-family: sans-serif;
    text-align: center;
    background-color: rgb(245, 241, 241);
    
    
}

.portada{
   
    background-size: cover; 
     background-repeat: no-repeat; 
     background-color: rgba(0, 0, 0, 0); 
     background-image: url(https://keepcoding.io/wp-content/uploads/2020/04/cabecera-min-5.jpg); 
     background-attachment: scroll; 
     min-width: 100%; 
    left: 0px; 
    height: 664px;
     width: 100%;
     display: flex;
     align-items: center;
   
  
}



.articulos{
    padding: 20px;
}

.banner{
   
    background-size: cover; 
     background-repeat: no-repeat; 
     background-color: rgba(0, 0, 0, 0); 
     background-image: url("../img/banner.jpg");
    
     width: 100%;
     height: 293px;

     display: flex;
     align-items: center;
     
   
  
}


.parrafotexto{
    color: rgb(0, 0, 0);
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
}


@keyframes mover{
    0%{
        transform: translate(100%);
    }
}


.animadado{
opacity: 0;
transition: all 0.5s;

}