JSFiddle - React, Tailwind, and code Playground

HTML

<div id="AlotOfContent">
</div>

<div id=popup>
    <textarea>
        a
        a
        a
        a
        a
        a
        a
        a
        a
    </textarea>
</div>

CSS

body,html {
  height:100%;   
}

#AlotOfContent {
  height:150%; 
}

#popup {
 position:fixed;
 left:50%;
 margin-left:-100px;
 margin-top:-50px;
 top:50%; 
}

textarea {
 width:200px;
 height:100px;:  
}