SVG Solar System

Animated Solar System

body { font-family: Arial, sans-serif; background-color: #f0f0f0; margin: 0; padding: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; min-height: 100vh; box-sizing: border-box; } h1 { color: #333; margin-bottom: 20px; } .svg-container { width: 90%; max-width: 800px; /* Limit max size */ background-color: #fff; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); overflow: hidden; /* Ensure SVG stays within bounds */ } #solarSystem { display: block; /* Remove extra space below SVG */ width: 100%; height: auto; /* Maintain aspect ratio */ background-color: #000020; /* Fallback background */ }