.head{
    font-size: 100px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    color: blue;
}

.head{
    animation: head 5s ease-in 2s;
}

@keyframes head {
    from {transform: translateX(-900px);}
    to {transform: translateX(900px);}
}


.button{
    background-color: green;
    width: 200px;
    height: 60px;
    color: white;
    padding: auto;
    margin: auto;
    text-align: center;
    font-size: 50px;
}

.button{
    animation: button .3s ease-in-out .2s;
}

.button:hover{
    background-color: purple;
    transform: rotate(360deg) scale(1.5);
    transition: 1s;
    animation-duration: 3s;
    animation-delay: .5s;
    
}