header{
  display: none;
}

    * {
      box-sizing: border-box;
    }
    body {
      background-color: black;
      overflow: hidden;
    }

section.second{
  margin-left: 180px;
  margin-top: -850px;
  float: left;
}

section.third{
  margin-left: 360px;
  margin-top: -850px;
  float: left;
}

.fourth{
    margin-left: 540px;
  margin-top: -850px;
  float: left;
}

.fifth{
    margin-left: 720px;
  margin-top: -850px;
  float: left;
}

.sixth{
    margin-left: 900px;
  margin-top: -850px;
  float: left;
}


.seventh{
    margin-left: 1080px;
  margin-top: -850px;
  float: left;
}

.eight{
    margin-left: 1260px;
  margin-top: -850px;
  float: left;
}

.ninth{
  margin-left: 1260px;
  margin-top: -1695px;
  float: left;
}

.tenth{
    margin-left: 1440px;
  margin-top: -1695px;
  float: left;
}

    .wrapper {
      height: 50px;
      width: 180px;
    }

    .circle {
      border-radius: 50%;
      border: 3px white solid;
      float: left;
      height: 50px;
      margin: 0 5px;
      width: 50px;
    }
      .circle-1 {
        animation: move 1s ease-in-out infinite;
      }
      .circle-1a {
        animation: fade 1s ease-in-out infinite;
      }
      @keyframes fade {
        0% {opacity: 0;}
        100% {opacity: 1;}
      }
      .circle-2 {
        animation: move 1s ease-in-out infinite;
      }
      @keyframes move {
        0% {transform: translateX(0);}
        100% {transform: translateX(60px);}
      }
      .circle-1a {
        margin-left: -55px;
        opacity: 0;
      }
      .circle-3 {
        animation: circle-3 1s ease-in-out infinite;
        opacity: 1;
      }
      @keyframes circle-3 {
        0% {opacity: 1;}
        100% {opacity: 0;}
      }