body{
	font-family : Verdana;
	font-size : 12px;
}
input{
	color:#222222;
	width:60px;
	text-align: center;
	font-weight:bold;
}
.green{
	background:#88DD00;
}
.red{
	background:#DD8800;
	color:#FFFFFF;
}
.red::placeholder { 
	color:#FFFFFF;
}
span{
	width:80px;
	display:block;
	float:left;
}
p.title{
	size:14px;
	font-weight:bold;
}
#tries{
	position : absolute;
	top : 0px;
	right : 0px;
	font-size : 30px;
}
#remaining{
	display:inline;
}


.imgcrazy{
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

/* Standard syntax */
@keyframes example {
    0%   {color:#FF0000; transform: rotate(0deg);opacity: 1.0; font-size: 500px;}
    25%  {color:#00FF00; transform: rotate(172deg);opacity: 0.9; font-size: 10px;}
    50%  {color:#0000FF; transform: rotate(180deg);opacity: 0.5; font-size: 50px;}
    75%  {color:#FFFF00; transform: rotate(45deg);opacity: 0.8; font-size: 1px;}
    100% {color:#00FFFF; transform: rotate(360deg);opacity: 1.0; font-size: 500px;}
}