JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top-layer">HELLO THARR</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec nisi in risus feugiat pharetra at sed est. Nulla elit mauris, luctus vitae blandit ac, elementum in dui. Duis semper hendrerit justo a consectetur. Phasellus a tortor ut lorem tincidunt ultricies. Suspendisse potenti. Sed felis est, faucibus ac luctus non, pellentesque at odio. Donec quis felis eget justo egestas vulputate id sit amet lectus. Nam pharetra nunc sit amet elit aliquam ultrices. Nunc nec nisl at ante cursus malesuada. Curabitur ut ornare ipsum.</p>

CSS

#top-layer {
    position: fixed;
    color: red;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    opacity: 0.7;
    background-color: blue;
    z-index: 99999;
}