title: Start css radial gradient 40% from the top
body: <p>I have radial gradient like this at the moment:</p>
  
  <pre><code>background-image: radial-gradient(circle at center left, rgb(${colours.blue}), rgb(${colours.darkBlue}));
  </code></pre>
  
  <p>it starts in the center, but I'd like it to start 40% from the top, something like this works in chrome, but doesn't work in firefox (both latest)</p>
  
  <pre><code>background-image: radial-gradient(circle at top 40% left, rgb(${colours.blue}), rgb(${colours.darkBlue}));
  </code></pre>
  
  <p>Bits like <code>rgb(${colours.darkBlue})</code> are just importing strings like <code>'255, 255, 255'</code></p>