Tribute Page - Build a Tribute Page

So I am trying to create a background picture for my site but it is not working. I even have copy and pasted code from the cafe menu to test it and it wont show anything in my browser. I am using the updated version of chrome on my mac. I have linked my stylesheet properly. At this point I think it is a bug…

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="styles.css">
</head>

<div>
<header>
  Spiderman:
</header>
<header>
  With Greadt Power Comes Great Responsablity
</header>
</div>
<div class="header">
</div>
<main>
  <body>
  </body>
</main>
<footer>

</footer>
</html>
/* file: styles.css */

header {
color: blue;
text-align: center;
font-size: 30px;
font-family: font-family: Arial, sans-serif

div {
border: 6px solid blue;
}

body {
background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
font-family: sans-serif;
padding: 20px;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

you need to put the url in quotes

I have tried it that way and it still wont work also that code is copy and pasted from their own site and works that way on the respective page…

close the header selector

There we go! Ty very much!