Copy/paste HTML, HTML DOM, CSS or javascript codes from website itself?

You still need to source the font. It displays helvetica because Founders grotesk is not found.

You can download the font by clicking on this link:
http://forum-font.cdn.bubble.io/f1591661753437x401230189466371460/founders-grotesk-web-regular.woff

Put it in the base folder of your project and source it like this:

@font-face {
  font-family: 'Founders Grotesk Regular';
  font-weight: 400;
  src: url('founders-grotesk-web-regular.woff');
}

you are missing quite a bit of the styling from that site. And h1 and h2 in your css might override any styling you put in .help.

Add this to your .help

padding: 1em 11px .25em 11px;
line-height: 1.3;
word-spacing: 2px;
word-wrap: break-word;

Try also to put your text inside a <p> tag. Like this:

<div class="help">
  <p>
     <h1>Player Controls.....
   </p>
</div>

Okay, well, at least the font is correct now.

And the text looks the same to me, except for the <h1> and <h2>, which by design are larger and thicker.

Use only one <p> for wrapping the whole text, not each line. The <p> stands for paragraph and has system styling from the browser. Thats how it is used in the bubble site.

Instead of trying to learn CSS by copying from a complex web site, you should maybe learn the basics of webdesign. Then you will be able to copy style from websites more easily.

This one is a good start: https://www.freecodecamp.org/learn/2022/responsive-web-design/