JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bottom_page">

                                    	           <form name="email">
                                    	          	      <input class="form" type="text" value="Enter your e=mail to be notified" name="email">
                                    	                                   	                </form>
                                                       <div id="ipsum"></div>
                                    	                    <div id="minifooter"></div>
                                    	          
                                    	   </div>

CSS

#minifooter {
	          width:940px;
            height:13px;
            background-color: #ffffff;
            border-radius:0 0 7px 7px;
            box-shadow:0px 0px 0px 000000;
            position: absolute;
            z-index: 100;
            top:165px;
            box-shadow: 1px 0px 2px 1px #cccccc;
		     }

#ipsum {
	          width:532px;
            height:25px;
            background-color:green;
            position: absolute;
            left:204px;
	          top:37px;
	          z-index: 500;
}
.form {
	          position: absolute;
	          left:270px;
	          top:92px;
            z-index: 400;
            width:402px;
            height:31px;
            padding:0;
            box-shadow:1px 3px 1px;
            border:0px;
}


#bottom_page {
	          width:940px;
		      height:178px;
		      background-color:black;
		      border-radius:0 0 7px 7px;
		      box-shadow:0px 0px 0px #cccccc;
		      position: absolute;
		      z-index: 200;
	 
			  
}

#minifooter {
	          width:940px;
            height:13px;
            background-color: #ffffff;
            border-radius:0 0 7px 7px;
            box-shadow:0px 0px 0px 000000;
            position: absolute;
            z-index: 100;
            top:165px;
            box-shadow: 1px 0px 2px 1px #cccccc;
		     }