JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="main">
  <div id="title">
    <p id="heading"> GC <br>
  Woodturning </p>
  </div>
</div>
</body>

CSS

body {
    background-image: url('images/wood%20grain.jpg');
    margin: 0px;
}
#main {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    padding-top: 0px;
}
#title {
    width: 1024px;
    height: auto;
    background-image: url('images/heading.jpg');
    margin: 0px auto auto 0px;
    padding: 0px;
}
#heading {
    margin: auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 72px;
    padding-left: 100px;
    padding-bottom:10px;
    font-weight: bold;
    color: #FFF;
    text-shadow: -1.5px -1.5px 0px #000, 1.5px 1.5px 0px #666, 3px 3px 0px #666;
}