NFL Pool '14

by Brian Duffey

HTML

<header>
    <div class="left">WEEK
        <br /><span class="score">01</span>
    </div>
    <div class="right">MY RANK
        <br /><span class="score">07</span>
    </div>
    <div class="center">NFL Confidence Pool '14</div>
    <nav><ul></ul></nav>
</header>
<section id="main">
     <h1>Main Text Here</h1>
    <br />
    <dl> <dt>Your name:</dt>

        <dd>Brian</dd>
    </dl>
    <br />
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris semper porttitor tristique. Sed nisi ante, fringilla non luctus sed, aliquam non mauris. Praesent vitae mauris cursus, elementum sem ut, semper orci. Nulla nisl enim, iaculis in dignissim ac, porta at libero. Pellentesque eget felis quis sem viverra feugiat sit amet id enim. Etiam ultrices, diam elementum ultrices mollis, tellus sapien pellentesque turpis, ac laoreet sapien nunc vel orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque hendrerit velit ut velit iaculis, ac sollicitudin nulla dapibus.</p>
    <br />
    <p>Nunc at imperdiet dui. Aenean id tincidunt ipsum, eget euismod enim. Morbi eget nunc gravida, venenatis massa ultrices, mollis nibh. Sed pretium tincidunt placerat. Integer erat elit, fringilla ac nisl id, mollis molestie velit. Aliquam mollis ligula sed mauris mattis scelerisque. Aenean a nunc at sapien iaculis lobortis.</p>
    <br />
    <p>In condimentum quam sed mattis tristique. Quisque laoreet erat id nisi euismod consectetur. Vivamus egestas leo vel justo interdum sagittis. Suspendisse facilisis molestie nunc, quis vulputate dui rutrum sit amet. Phasellus placerat orci ut tristique ultricies. Cras vitae ligula et diam placerat tristique sed laoreet nisi. Quisque sed odio elementum, molestie diam id, pulvinar arcu. Donec bibendum libero dui, sit amet interdum lorem aliquam ut. Donec diam velit, luctus in imperdiet at, placerat in risus. Mauris a dapibus neque. Pellentesque ultricies, neque sed suscipit ullamcorper, est erat fermentum nisi, vel condimentum...

CSS

header {
    background-color:gray;
    height:65px;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    color:white;
    font-size:20px;
    z-index:2;
    text-align:center;
    box-shadow:black 5px 7px 5px;
}
.left, .right {
    padding:2px 15px;
    line-height:0.8;
}
.left {
    float:left;
}
.right {
    float:right;
}
.center {
    font-size:40px;
}
html {
    background: url(http://www.ramtrucks.com/shared/football/images/bkgd-pitch.png) no-repeat center 20px fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#main {
    margin:100px auto;
    background-color:white;
    width:60%;
    min-height:600px;
    display:block;
    opacity:0.65;
    padding:0px 15px;
}
@font-face {
    font-family:'digi';
    src: url('http://cssdeck.com/uploads/resources/fonts/digii/DS-DIGII.TTF');
}
#main h1 {
    text-align:center;
}
.score {
    font-family:'digi';
    color:yellow;
    font-size:30px;
}