#all {

				-webkit-transition-property: -webkit-transform;
				-webkit-transition-duration: 1s;
				-moz-transition-property: -moz-transform;
				-moz-transition-duration: 1s;
				-webkit-animation: rotate 3s linear infinite;
				-moz-animation: rotate 3s linear infinite;
				-o-animation: rotate 3s linear infinite;
				animation: rotate 3s linear infinite;
				/* 	  position: absolute;
			  top: 50%;
			  left: 50%;
			  trasform: translate(-50%); */
		/* 		top: 50%;
				left: 50%;
				margin-left: -100px;
				margin-top: -100px;
				background-color: black;


				position: absolute; */
				/* animation: spin 10s linear infinite; */
float: left;
margin-top: 30px;
margin-left: 30px;
			}

			 #frist, #second,#third,#fourth{
				float: left;
			}

			#third {
				clear: both;
			}

			#fourth {
				float: left;
			}


			@-webkit-keyframes rotate {
				from {
					-webkit-transform: rotate(0deg)
				}

				to {
					-webkit-transform: rotate(360deg)
				}
			}

			@-moz-keyframes rotate {
				from {
					-moz-transform: rotate(0deg)
				}

				to {
					-moz-transform: rotate(359deg)
				}
			}

			@-o-keyframes rotate {
				from {
					-o-transform: rotate(0deg)
				}

				to {
					-o-transform: rotate(359deg)
				}
			}

			@keyframes rotate {
				from {
					transform: rotate(0deg)
				}

				to {
					transform: rotate(359deg)
				}
			}