JSFiddle - React, Tailwind, and code Playground

HTML

<header>
     <h1>This is the header</h1>
</header>
<main>
    <h1>Attack of the Clones</h1>
    <p>You mean it controls your actions? He is here. Hey, Luke! May the Force be with you.</p>
    <h2>The Rebel Force</h2>
    <p>I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Your eyes can deceive you. Don't trust them. Still, she's got a lot of spirit. I don't know, what do you think?</p>
    <ul>
        <li>I'm trying not to, kid.</li>
        <li>Your eyes can deceive you. Don't trust them.</li>
        <li>Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</li>
    </ul>
    <h3>The Sith Lords</h3>
    <p>I want to come with you to Alderaan. There's nothing for me here now. I want to learn the ways of the Force and be a Jedi, like my father before me. Hey, Luke! May the Force be with you. What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like&hellip;suicide.</p>
    <h4>The Phantom Menace</h4>
    <p>Ye-ha! I suggest you try it again, Luke. This time, let go your conscious self and act on instinct. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
    <ol>
        <li>Oh God, my uncle. How am I ever gonna explain this?</li>
        <li>I find your lack of faith disturbing.</li>
        <li>He is here.</li>
    </ol>
    <h5>Jedi Academy</h5>
    <p>In my experience, there is no such thing as luck. You're all clear, kid. Let's blow this thing and go home! She must have hidden the plans in the escape pod. Send a detachment down to retrieve them, and see to it personally, Commander. There'll be no one to stop us this time! Hokey religions and ancient weapons are no match for a good blaster at your side, kid.</p>
</main>
<div class="toTop">
    <a href="#top">Back to top...</a>
</div>

CSS

header {
    color: white;
    background: black;
    padding: 2em 1em;
    text-align: center;
}
main {
    padding: 1em;
    background: #f1f1f1;
}
.toTop {
    opacity: 0;
    display: inline-block;
    background: salmon;
    color: white;
    padding: 1em;
    position: fixed;
    bottom: 1em;
    left: 1em;
}
.toTop:hover,
main:hover + .toTop {
    opacity: 1;
}