Creating exact bacground as in freeocdecamp

Tell us what’s happening:
In the survey form from freecodecamp they have a blue background all around the page and a background image.
I am trying to achieve the same effect but I’m not able to do it.I know its not necessary to do the same but I want to know how have they done.
I tried using opacity but its affecting the text color also can someone help.
I just need help for the that blue background.

Your code so far
my code

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

try using pseudo elements :before :after

1 Like

in the site there were a total of 3 backgrounds with 2 being transparent.
i am only able to create 1 transparent background.i tried to create another but its not transparent.
can you please give a look and guide me.
here is the link