I've got a text area whose font size will only increase if i do inline styling. I can't understand what the error could be. Here is my html:

```
<div class="col-xs-12">
   <textarea class="form-control" rows="10" id="letter_text" name="content_area"> </textarea>
</div>

```

If I do this it works:

```
<textarea class="form-control" rows="10" id="letter_text" name="content_area" style="font-size: 30pt;"></textarea>

```

But not this, on my external style sheet. Here the textbox font pt is unaffected:

```
textarea
{
    font-size: 30pt;
}

```