body{
background:#5096e5;
color: white;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
h1{
text-align:center;
color: #c6edff;
text-shadow:2px 5px 8px #0C0C35;
}
#contenedor{
background:#e0a2eb;
border-radius:1em;
padding:1em 0;
margin:1em auto;
width::95%;
vertical-align:top;
}
#contenedor article{
background:FF00FF;
border:-radius:1em;
display:inline-block;
min-height:200px;
margin:0 2%;
padding:0.5em;
text-shadow:2px 2px 5px rgb(0,0,0,0.5);
trasition:all 1s linear;
-webkit-transition:all 1s linear;
width:25%;
vertical-align:top;
}
#contenedor article:hover{
background:#674ec7;
transform:rotate(360 deg) scale(1.1)translate(1em,0);
-webkit-transform:rotate(360 deg) scale(1.1)translate(1em,0);
cursor:pointer;
}

footer{
text-align:center;
text-shadow:5px 5px 10px rgb(1,0,0,0,0.5);
color:#80f4f4;
}