JSFiddle - React, Tailwind, and code Playground

HTML

<BODY>

ine <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>line <br>
  

<div id="blanket"></div>	
<div id="popUpDiv"></div>

CSS

#blanket {
   background-color:#ff0024;
   opacity: 0.65;
   *background:none;
   position:fixed;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   display: block;
}

#popUpDiv {
	position:fixed;
	background-color:#ccc;
	width:400px;
	height:400px;
	border:5px solid #000;
	z-index: 9002;
	top:50%;
	left:50%;
	margin-left: -200px;
	margin-top: -200px;
    display: block;
	
}