<!DOCTYPE html>
<html lang="en-GB">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Re-coloring SVG with CSS Custom Properties</title>
    <meta
      name="description"
      content="An example from the book, 'Responsive Web Design with HTML5 and CSS' by Ben Frain"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <svg
      class="shape"
      width="268"
      height="254"
      xmlns="http://www.w3.o