/* CSS Document */
*{margin:0px;padding:0px;}
li{list-style-type:none;}
img{border:0px;vertical-align:middle;}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
.clear{clear:both;}

.dd{ 
    transition:all 1.5s;-moz-transition:all 1.5s;  -webkit-transition:all 1.5s; 
    margin:100px auto 50px;background:rgb(220,220,220);width:170px;height:100px;padding-top:70px;border:2px solid rgb(201,201,201);border-radius:87px;box-shadow: 0px 0px 6px rgb(190,190,190);font-size:15px;
	}
.dd p{width:100%;text-align:center;}

.dd:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);transform: rotateZ(360deg);background:rgb(152,191,33);width:250px;height:140px;padding-top:110px;border-color:rgb(255,255,255);box-shadow:0px 0px 6px rgb(223,60,60);color:rgb(255,255,255);border-radius:125px;font-size:23px;}




.m{background:rgb(255,0,0);width:150px;height:150px;margin:50px auto;}
.m p{color:white;padding-top:60px;width:100%;text-align:center;}
.m:hover{background:rgb(7,57,219);animation:m 7s;-moz-animation:m 7s; -webkit-animation:m 7s; }
@keyframes m
{
0%   {background:rgb(255,0,0);}
33%  {background:rgb(230,230,12);}
66%  {background:rgb(7,219,52);}
100% {background:rgb(7,57,219);}
}

@-moz-keyframes m /* Firefox */
{
0%   {background:rgb(255,0,0);}
33%  {background:rgb(230,230,12);}
66%  {background:rgb(7,219,52);}
100% {background:rgb(7,57,219);}
}

@-webkit-keyframes m /* Safari and Chrome */
{
0%   {background:rgb(255,0,0);}
33%  {background:rgb(230,230,12);}
66%  {background:rgb(7,219,52);}
100% {background:rgb(7,57,219);}
}