Problem with background-image 8/10 main.css

Community
#1

Hi all, here is my codes for creating background-image in main.css, but it doesn’t work… please help thank you.

body {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}

h1 {
font-size: 32px;
font-family: Palatino, ‘Palatino Linotype’, serif; color: rgb(218,190,206);
}

h2 {
font-size: 56px;
.hero {
font-family:‘Trebuchet MS’, Helvetica, sans-serif
background-image:
url(“https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg”); background-size: cover;}

.hero {
padding: 250px 0;
margin: 30px;
}

p {
font-size: 2 rem;
}

.hero a {
color: #00FFAA;
font-size: 25px;
text-decoration: none;
}

#2 
body{
  background-attachment: fixed;
  background-position: top right;
  height: 100%;
  margin: 0;
  padding: 0;
  background-image: 
  url(https://joshuagrenier.files.wordpress.com/2013/03/landscapephotographsofbeautifulroads9_007.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

This code appears to work.