This example demonstrates how SVG shapes and CSS classes can be combined to create static styled graphics. It shows circles, rectangles, a line, and a path, with fill and stroke colors applied directly on elements or inherited from a parent group. The code uses plain SVG elements within an `<svg>` tag, and a separate stylesheet (`styles.css`) defines visual properties for the `.lines` class. The `transform` attribute scales and translates the drawing, while inline attributes set explicit colors. No external JavaScript libraries are used; rendering relies solely on SVG and CSS.