This example uses raw SVG elements—circles and rectangles—to demonstrate how CSS and SVG attributes control shape styling. The SVG markup applies colors individually via inline attributes such as `fill="rgb(255,0,0)"` and `fill="#83cc2a"`, while a `<g>` group element applies a shared `fill="blue"` to its child shapes. The page, styled by a minimal external stylesheet, resets margins and hides overflow on the body.