.button {

  border: none;

  color: white;

  padding: 10px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: busy;

     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}



.button1 {

  background-color: white;

  color: black;

  border: 2px solid #0000ff;

}



.button1:hover {

  background-color: #0000ff;

  color: white;

}

 .myButton {

	box-shadow:inset 0px -3px 14px 0px #54a3f7;

	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);

	background-color:#007dc1;

	border-radius:11px;

	border:3px solid #124d77;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:Courier New;

	font-size:14px;

	font-style:italic;

	padding:11px 28px;

	text-decoration:none;

	text-shadow:9px 3px 2px #154682;

}

.myButton:hover {

	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);

	background-color:#0061a7;

}

.myButton:active {

	position:relative;

	top:1px;

}



.zenek {

  text-shadow: 1px 1px 5px #000000;

}

.body {

	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);

	background-size: 400% 400%;

	-webkit-animation: gradient 15s ease infinite;

	        animation: gradient 15s ease infinite;

}



@-webkit-keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



@keyframes gradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}