Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and CSS styles combine to create a visually layered composition. It shows circles and rectangles with varying fill colors, including a grouped set with a shared fill and stroke, alongside a line and a polyline path. The code uses raw SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, along with CSS classes defined in `styles.css` to control stroke properties. Transforms apply scaling and translation, while the external stylesheet handles global body margins and overflow settings.