JSFiddle - React, Tailwind, and code Playground
HTML
<html xmlns="http://www.w3.org/1999/xhtml"><!--
Created using /
Source can be edited via /okabo3/edit
--><head>
<meta charset="utf-8"/>
<title>JS Bin</title>
<style>
#fadeMe {
width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0.75; color:#fff;
}
#center {width:200px; height:150px; position:absolute; top:50%; left:50%; margin:-50px auto auto -100px; border:1px solid black; text-align:center; background-color:#fff; opacity:1!important; color:#000;}
</style>
</head>
<body>
<div id="fadeMe"></div><div id="center">You have javascript disabled.</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sed mauris id mi fringilla semper. Ut ac tellus bibendum elit feugiat eleifend. Vestibulum velit orci, dictum ac pellentesque vel, iaculis non diam. Suspendisse at sapien nulla, sit amet feugiat elit. Curabitur consectetur neque aliquam lectus suscipit ac dignissim neque bibendum. Mauris hendrerit aliquet lectus eget fringilla. Aliquam quis velit vel nisl sagittis gravida sit amet a sem. Mauris sit amet dolor nibh, eget mattis orci. Curabitur adipiscing eros iaculis leo tristique blandit. Sed tellus diam, scelerisque et condimentum sit amet, posuere a magna. Nulla a leo vel nunc eleifend tincidunt. Nullam sit amet mauris ut mauris viverra vulputate. In feugiat tristique semper.
</p>
<p>
Praesent molestie lacinia varius. Sed eu lectus sapien. Aenean gravida arcu id metus mollis sit amet interdum augue faucibus. Sed sagittis ornare purus, in rhoncus est pretium feugiat. Nullam scelerisque arcu tincidunt purus tristique nec fringilla tellus malesuada. Suspendisse aliquam enim eget lorem pellentesque commodo. In rutrum augue nec velit dapibus imperdiet. Quisque sollicitudin commodo lacus. Proin massa augue, aliquet eu dignissim at, porttitor quis nunc. Nam at tortor eu lectus tincidunt auctor in eget nulla. In id libero vitae turpis pretium condimentum sed non libero. Vestibulum volutpat facilisis...