JSFiddle - React, Tailwind, and code Playground

HTML

<div id="signup">
    <div id="window">
        Text
    </div>
</div>

CSS

#signup{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;z-index:10;}
#signup #window{color:#fff;background:#1b1b1b;width:400px;border-radius:4px;margin:150px auto;border-top:2px solid #f65a5b;padding:10px}

JavaScript

$(document).keyup(function(e) {
    if (e.keyCode == 27) {
        $("#signup").fadeOut(250);
        $("#window").slideUp(450);
    }
});

$("div #window").click(function(e){
   
    
    return false;
    
    
});

$(document.body).click(function(){


        $("#signup").fadeOut(250);
        $("#window").slideUp(450);
    
    
})