.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;  
  }