/* Selectores avanzados */

/* Selector descendiente */

*{
     font-family: Georgia, 'Times New Roman', Times, serif;
     margin:0;
     padding:0;
}

/* Selector descendiente */
#cuerpo{
     width: 80%;
     margin: auto;  
        
}
/*Formato del header y contenido del header*/
#cuerpo h1{
     font-size: 3rem;
     text-transform: uppercase;
     text-align: center;
     background-color: red;
     background-image: linear-gradient(to right, red,pink);
     padding: 15px;
}
#cuerpo h2{
     font-size: 1.6rem;
     text-align: center;
     padding:50px;
}


/*Conenedor padre*/
.contenedor-padre{
     display:flex;
     flex-direction: column;
    

}

.contenedor-padre h3{
     font-size: 1.4rem;
     text-align: center;
     padding-bottom: 25px;
}
.contenedor-padre p{
     font-size: 1rem;
     padding-bottom:30px;
}
.contenedor-padre img{
     width: 300px;
     padding-bottom: 30px;
     margin-left: 300px;
}
/*Contenedores hijos*/
.contenedor1 h4, .contenedor2 h4{
     text-align: center;
     text-decoration: underline;
     padding-bottom: 20px;
     color:black;
}
.contenedor1 ol li{
     color:black;
     padding-bottom: 20px;
}

/*le quite la decoracion a la lista del contenedor 2*/
.contenedor2 ul li {
     list-style: none;

}

.contenedor2 h4{
     padding-top:25px;
}
.contenedor2 ul{
     text-align: center;
     padding-bottom: 30px;
}

.contenedor3 p{
     text-align: center;
}
.contenedor3 a{
     color:black;
}
.contenedor3 a:link{
     text-decoration: underline;     
}
.contenedor3 a:visited{     
     color:black;
}

.contenedor4{
     border: 1px solid rgb(59, 219, 38);
     padding:20px;
}
.contenedor4 p{
     text-align: center;
}

.contenedor4 form{
     text-align: center;
}
input{
     border:1px solid black;
     border-radius: 5px;
     height: 20px;
}
input#email{
     margin-left: 15px;
}



.boton{
     background-color: #0078d4;
     padding: 10px;
     margin-left: 35px;
}
.boton:hover{
     box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}




footer{
     background-color: black;
     height: 40px;
     margin-top: 10px;
}
footer p{
     color:white;
     text-align: center;
     padding:20px 20px 0 20px;
}










/**/

/* Selector adyacente */

div+p {
     color: brown;
     font-weight: bold;
}

/* Selector de atributos */
/*
a[href="https://recetas.lanacion.com.ar/recetas/"]{
     color:green;*}/


/* Selector universal junto a selector descendiente */

ol * {
     color:blue;
}

/* Selección de hijos */
div#contenedor1 > ol {
     border: 1px solid orange;
     width: 70%;
}

/* Selección de varios selectores a la vez */

h1, h2, h3 {
     font-size: 40px;
}

                         /* Pseudo-selectores */
/* Hover */

/*h1:hover {
     color:rgb(0, 183, 255);
     font-size: 60px;
}


/* Active */
/*
.boton:active {
     background-color: green;
     border: 2px solid rgb(255, 60, 0);
} 

/* Focus 
input:focus {
     border: 2px solid rgb(255, 60, 0);
} 
*/

@media only screen and (max-width:400px)
{
     #cuerpo h1{
          font-size: 1.7rem;
     }
     #cuerpo h2{
          font-size: 1rem;
          text-align:start;
     }

     .contenedor-padre{
          width: 80%;
          margin:auto;
     } 
    
     .contenedor-padre img{
          width: 250px;
          padding-bottom: 30px;
          margin:auto;
          
     }
     input#email{
          margin-left: 0;
     }
}

@media only screen and (min-width:401px) and (max-width:1000px){
     .contenedor-padre img{
          width: 350px;
          padding-bottom: 30px;
          margin:auto;
     }
     #cuerpo h1{
          font-size: 1.5rem;
     }
     #cuerpo h2{
          font-size: 1rem;
          text-align:start;
     }

     input#email{
          margin-left: 0;
     }
}