I've written a piece of CSS, while it does not affect the way my page(s) are displayed.
I use in my HTML tag:

```
<link rel="stylesheet" type="text/css" href="style.css" />

```

And my style.css file looks like this:

```
@import('CSS/modal.css');
@import('CSS/menu.css');
@import('CSS/content.css');
@import('CSS/footer.css');
@import('CSS/title.css');

```

Yet when I use this:

```
#title {
  font-size: 5em;
}

```

To test if it really doesn't load the CSS.

On this part of HTML:

```
 <body>
    <div id="title">
      AMP
    </div>
 </body>

```

It still doesn't display the text in 5em.

EDIT:
It seems that when I put the CSS3 code directly into style.css and do not let it run over the @import() function, it does load correctly, but why is it not working anymore? It worked fine yesterday, it has always worked perfectly.