title: background-image: url(); not working
body: <p>I'm trying to get an image as a background in this section but it's not working. There is no problem with the link inside the url();
  I am only working with HTML and CSS.</p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;section&gt;
  
    &lt;div&gt;
      &lt;h3&gt;Verliefd&lt;/h3&gt;
      &lt;h4&gt;En ik dacht aan jou...&lt;/h4&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;a href="verliefd.html"&gt;
        Lees verder
      &lt;/a&gt;
    &lt;/div&gt;
  
  &lt;/section&gt;
  </code></pre>
  
  <p>Here is my CSS code:</p>
  
  <pre><code>main &gt; section:first-of-type {
  height: 15em;
  width: 100%;
  background-image: url(/Images/Schermafbeelding%202018-08-27%20om%2019.56.38.png);
  background-repeat: no-repeat;
  background-size: cover;
  </code></pre>
  
  <p>}</p>
  
  <p>Thank you.</p>