.container {
    padding: 100px;
}
.logo {
    margin: 0 auto;
    width: 100px;
    animation-name: spin;
    animation-duration: 500000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}
img {
    width: 100%;
}
a {
    text-decoration: none;
}
a span{
    color:#000;
    padding:17px;
    transform:scale(1) rotate(-12);
    transition:all .25s;
    opacity:0;
}
a:hover span, a:focus span{
    transform:scale(1) rotate(0);
    opacity:1;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}