Shapes with SVG and CSS
A static SVG canvas displays basic geometric shapes—circles, rectangles, a line, and a path—styled with CSS. The markup uses inline SVG elements like `<circle>`, `<rect>`, `<line>`, and `<path>`, grouped with `<g>` tags to apply shared fill and stroke attributes. The `styles.css` file removes page margins, while SVG presentation attributes (e.g., `fill`, `stroke-width`, `transform`) define colors, outlines, and offsets. No JavaScript or external libraries are involved; rendering relies solely on SVG and CSS.