.black-bg{
  /*background-image: url("../img/123.jpg");*/
  background-color: black;
}

.margin {
  margin-top: 10rem;
}

.margin-small{
  margin-top: 1rem;
}


@-webkit-keyframes rotate1 {
  0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(90deg); }
  50% { -webkit-transform: rotate(180deg); }
  75% { -webkit-transform: rotate(270deg); }  
  100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotate2 {
  0% { -webkit-transform: rotate(360deg); }
  25% { -webkit-transform: rotate(270deg); }
  50% { -webkit-transform: rotate(180deg); }
  75% { -webkit-transform: rotate(90deg); }  
  100% { -webkit-transform: rotate(0deg); }
}

#one {
  display: inline-block;  
  width: 100px;
  height: 100px;
  background-image: url(http://simpleicon.com/wp-content/uploads/gear.png);
  background-size: 100%;  
  -webkit-animation: rotate1 7s .3s linear infinite;  
}

#two {
  margin-left: -30px;
  display: inline-block;  
  width: 100px;
  height: 100px;
  background-image: url(http://simpleicon.com/wp-content/uploads/gear.png);
  background-size: 100%;
  -webkit-animation: rotate2 7s .8s linear infinite;  
}