Css lcurly are expected error- what to do?

HTML-CSS
1

Hi, I’m not understanding the error I did as it is saying that there are problems, and css lcurly are expected in addition to that the background in my live server is not appearing from the css

Screenshot (11)
Screenshot (11)1920×1080 243 KB

2

You have put the semicolon instead of the colon after the three last properties in .main class:

.main {
  property: value; ---------------------- take a look at what you typed in after your properties!
}
3

when I do it says colon expected,

Screenshot (10)
Screenshot (10)1920×1080 240 KB

This is what it does and still have the issue of lcurly are expected

4

For the css code like this:

.main {
  width: 100%;
  height: 109vw;
  background-size: cover;
  background-position: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5)50%, rgba(0, 0, 0, 0.5)50%), url(https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg);
}

You will get something like this:

image
image1902×656 62.2 KB

ONLY, If the ‘main’ selector is a class in your html code:

<main class="main">
  
</main>
5

Screenshot (12)
Screenshot (12)1920×1080 210 KB

I tried all possibilities but I am still finding errors in it

The result that you got it is exactly what I was you looking for but I’m not getting it

6

Unfortunately, you forgot to type in the closing ‘body’ tag. Without it, this code won’t work.