Editor throwing error; says "Oops, try again. Set the font-family of the h1 element inside <div class="jumbotron">..</div> to 'Shift', sans-serif"


#1

The error looks like I haven't even added the font-family line.

My browser is up to date, it happens in two browsers, I've typed everything manually, as well as copy and pasted, I've also reset the code and refreshed the page several times. Same error. Code is below:

index.html

<!DOCTYPE html>
<html>
  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
      </div>
    </div> 

    <div class="learn-more">
	  <div>
		<div>
	  	  <div>
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
		  </div>
		  <div>
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div>
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>

main.css

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}

.jumbotron {
  background-image: url('https://goo.gl/04j7Nn');
  height: 500px;
}

.jumbotron h1 {
    color: #fff;
    font-family: 'Shift', sans-serif;
    font-size: 48px;
    font-weight: bold;
}

.jumbotron p {
    color: #fff;
    font-size: 20px;
}

#2

You are having a problem because you have removed the link to your main.css file. Without that link, your HTML file doesn't know that your CSS file exists. If you look at your web view, you should be able to notice, for example, that the list items in your nav are no longer all uppercase.