body{background:#111;color:#fff;font-family:Segoe UI,sans-serif;text-align:center}
svg{width:700px;max-width:100%}.sphere{fill:#222;stroke:#fff;stroke-width:2;cursor:pointer}
.numero{fill:white;font-size:22px;font-weight:bold;text-anchor:middle;opacity:0}
.sphere1:hover{fill:#f1c40f}
.sphere2:hover{fill:#2980b9}
.sphere3:hover{fill:#c0392b}
.sphere4:hover{fill:#8e44ad}
.sphere5:hover{fill:#e67e22}
.sphere6:hover{fill:#27ae60}
.sphere7:hover{fill:#7b241c}
.sphere8:hover{fill:#000}
.sphere9:hover{fill:#f4d03f}