font [CSS font properties not being applied to final web page]

You need to target the h1 inside the main section:

main h1 {

    font-family: "alex-brush";

    font-size: 16px;

    font-weight: 400;

    color: white;

}

However "alex-brush" isn't a 'web-safe' font and no-one but you will see it, if it is not installed on your website visitors system. You should only use 'web-safe' fonts, these include what you might find at google fonts - Google Fonts

Also you can't use multiple <h1> tag as you have done. <h> tags are reserved for headings and the <h1> tag should only be use once per section.

<h1>UPLOAD 2</h1>

<h1>UPLOAD 3</h1>

<h1>Policy Change</h1>

<h1>19Mar2016</h1>

So if you have multiple <article> tags in your page you can use 1 <h1></h1> tag per article tag:

<article>

<h1>Article 1 heading</h1>

</article>

<article>

<h1>Article 2 heading</h1>

</article>

<article>

<h1>Article 3 heading</h1>

</article>

or section tag

<section>

<h1>Section 1 heading</h1>

</section>

<section>

<h1>Section 2 heading</h1>

</section>

<section>

<h1>Section 3 heading</h1>

</section>