Survey form issue

https://codepen.io/stubir/pen/yLVbJRR

Hi all, may I ask for help? This passed the tests and gave me a ‘tick’ against the assignment, but I can’t seem to click into any of the text boxes, dropdowns, radios, checkboxes. I can’t figure out what’s wrong.
Thx
Stubir

I think this is sitting on top of your form. The only reason why you see the form is because of the opacity that you added.

#body::before {    
      content: "";
      background-image: url('https://cdn.pixabay.com/photo/2017/01/14/10/56/men-1979261_960_720.jpg');
      background-size: cover;
      position: fixed;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.;
}

Ah, OK. That was my method to give a static background image. I guess I need to find a way to keep the image at the background and make the form layer of a lower opacity. Thx.