* {
    margin: 0em ;
    padding: 0em;
    box-sizing: border-box;
    }
footer {
    color: white;
    background-color:gray;
    margin: 1e,;
    padding: 1em;
    text-align: center;
}

header {
    color: white;
    background-color: cornflowerblue;
    margin-top; 0em;
    padding: 0.1em;
    text-align: center;
    
    }
a {
    color: cornflowerblue;
    text-decoration: none;
    
}

.logo {
    margin: 0em;   
}
.imagen {
    box-shadow: .1em .1em .8em silver;
}
.titulo {
   font-family: 'Dosis', sans-serif;
}

.menu ul {
    list-style: nose;
    padding: 0;
    display: flex;
    background-color: greenyellow;
    justify-content: center;
    text-decoration: none;
    list-style-type:none;
    box-shadow: 0em  0.1em .8em  teal inset;
    
    
    } 
.menu li a {
    font-family: 'Dosis', sans-serif;
    display: block;
    padding: 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 200%;
    }
        
        


body {
   font-family: 'Roboto', sans-serif;
   
    background-color: azure;
    
}
main {
    margin: 1em;
    
}

.tituloapp {
    font-family: 'Dosis', sans-serif;
    font-size: 5em;
    display: block;
    padding-top: 0.7em;
    padding-bottom: 0.5em;
    
    
}
.on {
    color: greenyellow;
    font-family: 'Dosis', sans-serif;
}
h2 {
    font-family: font-family: 'Dosis', sans-serif;
    color: white;
    background-color: cornflowerblue;
    margin: auto;
    padding:  0.6em;
    
    }
 
}

li.light {
    font-weight: lighter;
}

.contenedor {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
  
    
}
.contenedorperfil{
    background-color: white;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0.1em 0.1em 1em silver; 
    text-decoration: none
    }

.contenedor3 {
    display: flex;
    justify-content: center;
    flex-direction:  row;
    background-color: white;
    box-shadow: .1em .1em .8em silver; 
}
.recomendados {  
    padding: 1em;    
}
.comentario {
    margin: 1em;
}
figure{
    padding: 0.7em;
}
.articulos {
    background-color: white;
    padding: 1em;
    box-shadow: .1em .1em .8em silver;
}
.boton{
    background-color: white;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 0.1em 0.1em 1em silver;
    list-style-type:none
}

.seguir {
    font-weight: bold;
}
.item1 {
     box-shadow: .1em .1em .8em silver;
     padding: 1em;
     background-color: white;
      
}

.item2 {
     box-shadow: .1em .1em .8em silver; 
     padding: 1em;
     background-color: white;
    
         
}
article {
    display: block
    background-color: white;  
    text-align: center
    box-sizing: border-box;
}

#entrada {
    color: white;
    text-align: center; 
    background-color: cornflowerblue; 
}
#entrar{
    display: block;
    background-color: aqua;
    margin: 2em;
    padding: 2em;
    
}