body {
  background-color: #111;
}
#world {
  width: 166px;
  height:166px;
  aspect-ratio: 1;
  background: url(https://cdn.serc.carleton.edu/images/usingdata/nasaimages/world-map-solid.gif);
  background: url(../image/world.png);
  border-radius: 50%;
  background-size: 334px;
  box-shadow: inset -8px 0px 37px 9px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3);
  animation-name: rotate;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotate;
     -webkit-animation-duration: 15s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
  text-align: center;
  image-rendering: optimizespeed;
  image-rendering: auto;
}
#space{
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 15px;
}
@keyframes rotate {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 334px 0px;
  }
}
@-webkit-keyframes rotate {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 334px 0px;
  }
}