body
  background-color: #123046
    
.ball
  width: 200px
  height: 200px
  border-radius: 50%
  background-color: #72AAD3
  position: absolute
  top: 50%
  left: 50%
  transform: translateX(-50%) translateY(-50%)
  .small-ball
    width: 20px
    height: 20px
    border-radius: 50%
    background-color: #7BACD1
    animation: rotation 1s linear infinite
    transform-origin: center 125px
    margin-left: 90px
    margin-top: -25px
    position: absolute
      
    &:nth-child(1)
      animation-duration: 60s
      background-color: #4880A9
    &:nth-child(2)
      animation-duration: 3600s
      background-color: #315874
@keyframes rotation
  to
    transform: rotate(360deg)