Fork of Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and CSS styling can be combined to create a static, layered composition. It shows circles, rectangles, lines, and a path arranged within a transformed group, with some shapes inheriting fill and stroke properties from parent `<g>` elements while others specify these attributes directly. The code uses inline SVG elements—`circle`, `rect`, `line`, and `path`—alongside a linked stylesheet that defines stroke colors, widths, and join styles for the line group. The rendering relies on the SVG markup in the HTML file, with no JavaScript or external data, showcasing basic vector graphics and CSS class-based styling.