body{font-size:16px;color:#000;margin:0;padding:0;font-family:'Open Sans',sans-serif}.logo-wrap{display:flex;justify-content:space-around;align-items:center;height:100vh}.logo{width:30%;box-shadow:3px 3px 3px rgba(127,127,127,0.3);border-radius:10px;padding:.5em}.logo:hover{animation-name:rotacion;animation-duration:1s;animation-timing-function:ease}@-moz-keyframes rotacion{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@-webkit-keyframes rotacion{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@-o-keyframes rotacion{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@keyframes rotacion{0%{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@media screen and (max-width:800px){.logo{width:80%}}