h1{
    color: goldenrod;
    animation-name: title;
    animation: slide 3s linear normal;
    animation-iteration-count: infinite;
    animation-delay: 2s;
}

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

}

@keyframes slide {
	0% {transform: translateX(-400px);}
	50% {transform: translateX(250px);}
	100% {transform: translateX(900px);}
		}


.button{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10% 10% 10% 10%;
    margin: 0 0 0 0;
}

.block {
    display: block;
    width: 25%;
    border-style: dashed;
    border-width: 5px;
    border-color: goldenrod;
    background-color: #e0e9ed;
    color: green;
    padding: 2% 4%;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
  }

  button:hover{
	background-color:green;
    color: white;
	animation-duration: .3s;
	animation-delay: .2s;
	animation-timing-function: ease-in-out;
	transition: .2s;
}