*{font-size: 1.1em;}
	#anaDiv{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		/*background-color: yellow;*/
	}
	#table{
		position: relative;
		display: block;
		width: 300px;
		height: 302px;
		margin: auto;
		box-sizing: content-box;
	}
	#table td{
		position: relative;
		
		width: 51px;
		height: 51px;
		padding: 10px;
		text-align: center;
		cursor: pointer;
		box-sizing: content-box;
	}
	#table td:hover{
		font-weight: bold;
	}
	#sonuc{
		position: relative;
		display: block;
		width: 300px;
		
		margin: 5px auto ;
		box-sizing: content-box;
	}
	#sonuc td{
		width: 150px;
		text-align: right;
		padding-right: 20px;
		box-sizing: content-box;
	}
	#h1{
		text-align: center;
		
	}



	
	#t11{
		animation: exampleA 0.5s linear alternate;
	}
	@keyframes exampleA {
	  0%  {left:224px; top:224px; }
	  100% {left:0px; top:0px; }
	}

	#t14{
 		animation: exampleD 0.5s linear 0.5s alternate;
	}
	@keyframes exampleD {
	  0%  {left:-224px; top:224px;}
	  100% {left:0px; top:0px;}
	}

	#t22{
 		animation: exampleF 0.5s linear 1.0s alternate;
	}
	@keyframes exampleF {
	  0%  {left:75px; top:75px;}
	  100% {left:0px; top:0px;}
	}

	#t23{
 		animation: exampleG 0.5s linear 1.5s alternate;
	}
	@keyframes exampleG {
	  0%  {left:-75px; top:75px;}
	  100% {left:0px; top:0px;}
	}

	#t32{
 		animation: exampleJ 0.5s linear 1.5s alternate;
	}
	@keyframes exampleJ {
	  0%  {left:75px; top:-75px;}
	  100% {left:0px; top:0px;}
	}

	#t33{
 		animation: exampleK 0.5s linear 1.0s alternate;
	}
	@keyframes exampleK {
	  0%  {left:-75px; top:-75px;}
	  100% {left:0px; top:0px;}
	}

	#t41{
 		animation: exampleM 0.5s linear 0.5s alternate;
	}
	@keyframes exampleM {
	  0%  {left:224px; top:-224px;}
	  100% {left:0px; top:0px;}
	}

	#t44{
 		animation: exampleP 0.5s linear alternate;
	}
	@keyframes exampleP {
	  0%  {left:-224px; top:-224px;}
	  100% {left:0px; top:0px;}
	}


	progress{
		position: relative;
		display: block;
		margin: 10px auto;
	}