This example shows how SVG shapes—circles and rectangles—can be styled with CSS and inline attributes. It demonstrates variations in fill color using inline properties like `fill="red"` and hex values, as well as grouping with the `<g>` element to apply shared styling such as stroke and stroke-width. The rendering approach uses React’s SVG support, with the shapes drawn directly in the `index.html` file and global body styles defined in `style.css`. No external libraries or data sources are involved.