CSS problem

My <main> doesn't respond to anything other than font-family. I have it display-style: block like most of my site which is successfully styled. Even if i make a div with and id # it doesn't style anything at all. What am I missing.

#content {
    margin: auto;
    display: block;
    width: 70%;
    height: 100%;
    background: #06989;
    font: #FFF 14px Arial;
}

    <div class="content">
    <h1>Welcome to Gelignite</h1>
    <hr>
    <p>Welcome to Gelignite</p>
    </div>

Code (markup):

 

found the problem, i didn't do a full 6 digit hex for my color.

 

Probably a typo, but your css selects id=content, while the html markup says the div has class=content.

gary

 

You also shouldn't be flipping the bird at accessibility with pixel metric fonts... or risking the oddball behavior of not redeclaring the line-height when changing the font-size. Percentage widths without a max-width are also a bit of a wonk.