body {
  //font: normal 1em Times, serif;
  font-family: cursive;
  color: blue; 
}

button{
	background-color:blue;
	color: white;
	border-radius:30%;
	font-size:150%;
}


#btn_wuerfeln{
   padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius:30%;
	color: white;
	background-color: blue;
	font-size: 300%;
	align: center;
}

.wuerfeln {
	animation-name: resize;
	animation-duration: 2s;
}


@keyframes resize{
	0 % {
		transform:translate (-50%);
	}
	30 %{
		transform:translate (100%);
	}
	60 %{
		transform:translate (-50%);
	}
	100 %{
		transform:translate (0);
	}	
}

#ausg:hover{
	animation: resize 2s;
}

#ausg{
	font-size: 500%;
	text-align: center;
}
#p_ausg{
	color: white;
	background-color: blue;
}

#lbl_zw{
	width:400;
}


/*
input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 400%;
	color: white;
	background-color: blue;
}
*/