This example shows how to combine SVG shape elements with CSS styling to create a small composition of circles, rectangles, a line, and a path. The code directly embeds the shapes in an `index.html` file, using an inline `<svg>` element with a `scale` transform. Separate rules in `styles.css` apply the black stroke and width to all elements within a `.lines` group, and a darker stroke with rounded joins specifically to the group’s path. The SVG `fill`, `stroke`, and `stroke-width` attributes are also set directly on the elements to control color and outline.