@keyframes color-rotate {
    from {
        filter: hue-rotate(0deg);
    }
    to {
        filter: hue-rotate(360deg);
    }
}

.center {
    text-align: center;
}

.monospace {
  font-family: monospace;
}

.github {
    margin: 2em;
}
.logo {
    white-space: pre;
}

.logo:hover {
    animation: color-rotate 4s;
    animation-iteration-count: infinite; 
    animation-direction: alternate;
}