<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <title>CSS Syntax</title>
    <style>
        body {
            max-width: 960px;
            margin: 0 auto; 
            padding: 50px;
        }
    </style>
</head>
<body>

    <h1>Dette er en stor overskrift</h1>

    <h3>Dette er en mindre overskrift</h3>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab ad repellat sapiente quidem quis porro eaque atque eos nisi excepturi nihil, quisquam illo dicta sit tempora consectetur, blanditiis impedit voluptates.</p>

    <h3 class="green">Dette er en mindre overskrift</h3>

    <p class="green">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti eveniet ratione fuga id, repudiandae aliquid adipisci laborum accusantium eligendi aut. Obcaecati blanditiis dicta eum consequuntur fugit labore beatae a minus.</p>

    <ul>
        <li>Harum dignissimos obcaecati, maiores quae dolorem voluptate dolore placeat labore beatae!</li>
        <li>Praesentium eveniet consequatur nobis molestias, quo minus nihil repudiandae!</li>
        <li>Inventore deleniti sequi explicabo velit nihil, ipsum laborum nostrum repellendus soluta.</li>
    </ul>

    <h3 class="bigger-text">Dette er en mindre overskrift</h3>

    <p id="blue">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam mollitia animi, magni fugit deserunt reprehenderit illo libero similique quo omnis sunt quibusdam tempore voluptates reiciendis laboriosam voluptas labore nulla voluptate.</p>

</body>
</html>