I may be misreading, or need new glasses and cannot tell the difference, but each individual class Inherits from body. When I inspect the page and look at each element the styles has:

body, h1, h2, h3, h4, h5, h6 {
font-family: Gotham,sans-serif;
}

@Takomane It does show that, but it's not displaying as such. I had to change the typed.js font by using inline styling.

<Typed
                    style={{ fontFamily: 'Gotham, sans-serif' }}
                    className="typedString"
                    strings={[
                      'RESULTS DRIVEN',
                      '100% ONLINE',
                      'LEARN PRAGMATICALLY',
                      'PREPARED FOR THE INDUSTRY',
                    ]}
                    typeSpeed={70}
                    backSpeed={80}
                    smartBackspace
                    loop
                  />

You can see here that in the podcast headers it's not using the Gotham font. I can't remember, but I think if you have Gotham installed locally it works everywhere as intended so it's not noticeable to everyone.