Build a webpage with both HTML and CSS to replicates a PDF

Start by downloading the attached PDF file on the 'HTML Layout with CSS to Replicate a PDF' Brightspace assignment page.
Background image to be selected from Picsum Pick your own image to use as the background. The image should NOT tile, it should fill the space. Use a relative path to your local copy of the image. Do NOT link to a location on your own computer. Test the link on GitHub.io.
ALL colours on the page are to be created using the CSS hsl( ) method and should use the same hue value. You can pick the hue that you want to use.
NO named colours, hex colours, or RGB colours should be used.
Make sure that you are using nav, header, and main elements to break up the page into semantic areas.
Align all the elements along the left edge.
Match the font-sizes as closely as possible.
Make sure that there is appropriate amounts of padding around any text.
Make sure that your heading text has a text-shadow so it can be read on top of the image.

On the Assignment page in BS LMS, submit both the github.io URL and the github.com URL.
You will need to test the page through GitHub Pages on GitHub.io to see if your CSS works.
Be sure to invite me to your repo via my Algonquin College Github account (garrarj), otherwise I will not be able to view and mark your repo.

When inviting me to your repo, use my Algonquin College Github account - garrarj

# Build a webpage with both HTML and CSS to replicates a PDF