article{
     padding: 15px;
    margin: 15px;
    background-color: rgb(255, 213, 231);
    width: auto ;
  height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 25px;
    border-style: solid;
    border-color: rgb(243, 96, 165);
    #div1 {transition-timing-function: linear;}
#div2 {transition-timing-function: ease;}
#div3 {transition-timing-function: ease-in;}
#div4 {transition-timing-function: ease-out;}
#div5 {transition-timing-function: ease-in-out;}
  transition: background-color 1s ease-out, transform 1s ease-out;
}
article:hover {
  
  transform: scale(1.1);
}
body{
    background-image: url(fondo.jpg);
}
section{
    background-color:rgba(255, 238, 160, 0.774);
    margin: 15px;
    padding: 15px;
    border-style: solid;
    border-color: rgb(255, 140, 165);
    position: relative;

}
img{
    margin: 10px;
    width:500px;
    height: 300px;
}
h2{
     display:flex;
flex-direction:row ;
justify-content: center;
    width: auto;
     margin: 10px;
    padding: 5px;
   background-color: rgba(253, 173, 204, 0.527);
    font-family:'Times New Roman', Times, serif;
    color:rgb(255, 112, 167);
border-style:solid;
border-width: 5px;
border-radius: 15px;
border-color:rgb(255, 243, 201);
}
h4{
    width: 500px;
   margin: 10px;
    padding: 5px;
   background-color: rgba(253, 173, 204, 0.527);
    font-family:'Times New Roman', Times, serif;
    color:rgb(255, 112, 167);
    display:flex;
flex-direction:row ;
justify-content: center;
border-style:solid;
border-width: 5px;
border-radius: 15px;
border-color:rgb(255, 243, 201);
}
footer{
    padding:20px;
    margin: 15px;
    background-color: rgb(255, 230, 160);
    display: flex;
    flex-direction: row;
}
button{
    display:flex;
flex-direction:row ;
justify-content: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande',
     'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     color: rgb(212, 52, 87);
    background-color: rgba(255, 182, 216, 0.541);
    border-style: double;
    border-color: rgb(255, 143, 199) ;
    border-width: 10px;
margin: 5px;
padding: 5px;
cursor: pointer;
border-radius: 5px;
 transition: background-color 1s ease-out, transform 1s ease-out;

}
button:hover {
  background-color: rgb(255, 234, 167);
  transform: scale(1.1);
}

pre{
    border-style: solid;
   border-color: pink;
   margin: 15px;
   padding: 15px;
    background-color: rgba(255, 244, 184, 0.733);
}