JSFiddle - React, Tailwind, and code Playground

HTML

<main>
        <section>
            <h1>The Great Composers</h1>
            <div>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a pie\sum dolor sit amet..", comes from a line in section 1.10.32.</div>
        </section>
        <nav>
            <ul>
                <li><a href="#0">Gershwin</a></li>
                <li><a href="#0">Debussy</a></li>
            </ul>
        </nav>
    </main>

CSS

html, body {
  height: 100%;
}
body {
  background: url('Index-Background.jpg') no-repeat center center fixed;
  background-size: cover;
  display: table;
}
section {
  margin-left: 2%;
}
nav {
  margin-bottom: 6.66%;
}

main {
  display: table-cell;
  vertical-align: bottom;
}