Untitled

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>Brendan Kirby</title>
        <link rel="stylesheet" href="css/global.css">
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans">
    </head>
    <body>
        <nav class="nav-main">
            <div class="logo">Brendan Kirby</div>
            <ul>
                <li>
                    <a href="#" class="nav-item">About</a>
                </li>
                <li>
                    <a href="#" class="nav-item">Portfolio</a>
                </li>
            </ul>
        </nav>
        <div class="content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, iste, magnam soluta qui ipsa obcaecati. Repellendus, minus, excepturi, debitis nulla non accusantium nostrum blanditiis quis voluptatum accusamus quibusdam porro voluptates?</p>
            <p>Culpa, quas, nemo quidem ratione quasi facere explicabo optio non facilis repudiandae sunt animi assumenda cum libero delectus placeat at doloremque. Debitis officia rem vero eveniet minima deleniti error possimus?</p>
            <p>Quisquam repellendus mollitia iusto rerum optio nesciunt omnis sed at natus praesentium. Ea, aperiam, provident dicta consequuntur sequi natus quis nobis voluptates deleniti ratione harum veritatis commodi nesciunt cum illo.</p>
            <p>Recusandae, esse qui quia aliquid eveniet dignissimos fuga voluptatem necessitatibus beatae sit reiciendis at quibusdam culpa debitis ratione. Nulla, nam fugiat omnis minus veritatis earum aliquid iure nostrum placeat vel?</p>
    </body>
</html>


---


body, html {
    margin: 0 auto;
    font: 1em "Open Sans", sans-serif;
}

.content {
    padding: 30px;
}

.nav-main {
    width: 100%;
    background-color: #222;
    height: 70px;
    color: #fff;
}

.nav-main .logo {
    float: left;
    height: 40px;
    padding: 15px 30px;
    font-size: 1.4em;
    line-height: 40px;
}