JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <header>
    <h1>Shane&rsquo;s Travel Fan Page</h1>
  </header>
  <hr>
  <main>
    <h2>Why not just take a Staycation?</h2>
    <p>First of all let me say that staycations can be a great way to spend a little time off, however
      <br> I find being away from my home more to my liking. You can argue by definition every time
      <br> we go to work or school that we are traveling so what is the big deal? While this is technically
      <br> travel it is mechanical, souless, unless of course you pass by some great scenery every day for example
      <br> if you lived in Duluth. Travel is a great way to step away from the familiar, meet new people and learn more
      <br> about yourself. If you can find time to get away whether it be locally, across the country, or across the world,
      <br> then take the chance and make some memories. Would you like to know more? Check out: <a href="http://www.budgettravel.com"><span class="hyper">BudgetTravel.com</span></a>
    </p>
    <h2>Where have I been?</h2>
    <p>These are my most memorable destinations:</p>
    <ul>
      <li class="destination"><strong>Arizona</strong></li>
      <li class="destination"><strong>Hawaii</strong></li>
      <li class="destination"><strong>Japan</strong></li>
      <li class="destination"><strong>Malayasia</strong></li>
      <li class="destination"><strong>Mexico</strong></li>
      <li class="destination"><strong>Thailand</strong></li>
      <li class="destination"><strong>The Philippines</strong></li>
      <li class="destination"><strong>Singapore</strong></li>
    </ul>

    <p id="new">While I love traveling through the US, international travel has always been number one in my mind, plus I met my wife abroad so I am a little biased. If you are also interested in travel and want to discuss it my email is at the bottom of the page.
      Happy Trails!</p>
  </main>
  <footer>
    <a href="mailto:shanelamb@lamb.com"><small>Email:shanelamb@lamb.com</small></a>
    <br>
   ...

CSS

body {
        
        color: #5B5B5B;
        background-image: url('http://www.aberdyfiartsoc.f9.co.uk/River.jpg');
        background-position: left top;
        background-size: cover;
        font-family: Verdana, Arial, sans-serif;
      }
      
      h1 {
        background-color: #43CD80;
        color: #000000;
        "Times New Roman",
        Georgia,
        serif;
      }
      
      h2 {
        background-color: #BDFCC9;
        font-family: Georgia, "Times New Roman", serif;
      }
      
      p {
        background-color: rgba(204, 255, 255, 0.5);
        color: black;
      }
      
      footer {
        font-style: italic;
        font-size: .75em;
        text-align: left;
      }
      
      ul {
        list-style-type: circle;
        background-color: rgba(204, 255, 255, 0.7);
      }
      
      .hyper {
        font-weight: bold;
        font-size: 120%;
        .destination {
          color: #B8860B;
        }
        #new {
          color: #FF8C00
        }