html {
    background: #333;
    color: aquamarine;
    transition: all 1s ease;
}
    html.spin {
        animation: 3s infinite barrel-roll;
    }


img {
    width: 100%;
    border-radius: 5%;
    transition: all .5s ease-out;
}
img:hover {
    border-radius: 50%;
}


    a {
        color: limegreen;
        transition: color .5s ease-in-out;
    }
a:visited {
    color: greenyellow;
}
a:hover {
    color: yellow;
}

button {
    margin: 1rem;
    padding: 2rem;
    color: aquamarine;
    background: #000;
    transition: all 1s ease-out;
}

button:hover {
   background: #003d41;
}

button#fakeButton{
    color:#fff;
    background:#420000;
}
button#fakeButton:hover {
    background: #f00;
 }

@keyframes barrel-roll {
    from {
        transform: rotateX(0deg);
    }

    to {
        transform: rotateX(720deg);
    }
}