body { margin: 0; overflow: hidden; background: #000; }
.scene { position: relative; width: 100vw; height: 100vh; }
.planet {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 227px;
height: 220px;
background-image: url('LittlePlanet.png');
background-size: cover;
border-radius: 50%;
z-index: -1;
animation: spin 290s linear infinite;
}
@keyframes spin {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
.content { position: relative; z-index: 1; color: white; text-align: center; margin-top: 20vh; }