title: how to have body background image only on landing page
body: <p>I've created a second page of my website and my first page is simply a landing page with the background image. However, when i go onto the second page I created, the background image i use on my landing page is also shown on that page which I do not want there.</p>
  
  <p>Here is my CSS code:</p>
  
  <pre><code>body {
  background: url(https://images.unsplash.com/photo-1484417894907-623942c8ee29?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=1489&amp;q=80);
  background-size: cover;
  background-position: center;
  font-family: 'Lato';
  color: white;
  }
  </code></pre>
  
  <p>Note:
  I've also tried <code>background-repeat: no-repeat;</code> but it did not work.</p>