<?xml version="1.0"?>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
  <style type="text/css"><![CDATA[
    circle {
      stroke: black;
      stroke-width: 1;
    }
    .bright {
      fill: yellow;
    }
    .dull {
      fill: grey;
    }
    rect#r1 {
      fill: red;
    }
  ]]></style>
  <circle class="bright" cx="200" cy="100" r="20"/>
  <circle class="dull" cx="200" cy="200" r="20"/>
  <rect id="r1" x="100" y="300" width="200" height="20"/>
  <rect id="r2" x="100" y="350" width="200" height="20"/>
</svg>

