first I want to thank all of the great people in this site. Without the help of SO I would be so lost. 

I am trying to reference the typography from google fonts. The problem is that when I push the changes the font will be displayed on the console but, it won't render on the actual website. 

Here is how I am importing to the code

```html
<style>
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
</style>

```

```css
.text{ 
    font-family: 'poppins-bold', sans-serif !important;
    font-size: 6.3rem;
    line-height: 1.333;
    margin-top: 0;
    color: #FFFFFF;
    text-align: center;
}

```

Check out the website [here](https://diegozito.com) and see for yourself. 

Any ways into fixing this?