Can someone please help me with the codes for style.css with this please. I have to make the codes in style.css and link all of the web pages together and I can't figure it out.

You have been hired to design a website for a local tour guide company in your hometown. Design a website showcasing your hometown's main attractions. This website should focus on four core pages to capture the essence of the location and showcase the tour guide's knowledge of the surrounding area.

Homepage:

A hero section with a prominent image of the chosen city$/$town$.$

A brief paragraph introducing the city$/$town$.$

Three image links $($or cards$)$ below the introduction, representing and linking to each of the other three pages.

Attractions Page:

List layout of $3-5$ main attractions with an image and brief description for each.

Each attraction must be in a box or card for a structured look.

Restaurants Page:

Showcase $3-5$ top restaurants with an image, name, and a brief description.

Align restaurants vertically or in a simple grid, depending on the design preference. should change for mobile view

Contact Us Page:

A straightforward contact form with fields for Name, Email, How'd you hear about us dropdown, and Message.

A basic submit button to "send" the message; when sent. Use Javascript to create a popup box that says "Message Sent".

All pages are required to have:

a navigation bar that links to each other page $($not required on the home page as you should have image cards representing the other pages$)$

a common header and footer

resource links in the footer for content located on that page only. $($attractions will only have links to resources used on the attractions page and won't contain anything from the restaurants page$)$

mobile$-$friendly interfaces. I will test mobile functionality using chrome's device toolbar through devtools $($F$12).$

a CSS file referenced so website theme is consistent throughout all pages.