<!DOCTYPE html>
<html>
  <head>
    <title>Fork of SVG Fundamentals</title>
    <style>
      body {
        margin: 0;
        overflow: hidden;
      }
    </style>
  </head>
  <body>
    <svg width="960" height="500">
      <!-- overlapping circles -->

      <circle cx="150" cy="50" r="50" fill="red"></circle>
      <circle cx="150" cy="50" r="30" fill="green"></circle>

      <!--
      <rect
        x="200"
        y="100"
        width="400"
        height="200"
        fill="yellow"
        stroke="navy"
        stroke-width="10"
      />-->

      <line
        x1="0"
        y1="0"
        x2="100"
        y2="100"
        stroke="navy"
        stroke-width="10"
      ></line>
      <path
        d="M351.54,120.92H78.46c-3.31,0-6-2.69-6-6s2.69-6,6-6h273.08c3.31,0,6,2.69,6,6S354.85,120.92,351.54,120.92z"
      ></path>

      <path
        fill="none"
        d="M 200 200 L300 300 l0 100"
        stroke="black"
        stroke-width="10"
      ></path>
    </svg>
  </body>
</html>
