/* background grid based on https://projects.verou.me/css3patterns/#blueprint-grid */
.earth-rotation .position-container {
    width: 200px;
    height: 200px;
    left: 100px;
    top: 100px;
    overflow: hidden;
    animation-name: rotation;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px); background-size: 101px 101px, 101px 101px, 20px 20px, 20px 20px; background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}