JSFiddle - React, Tailwind, and code Playground

by xiiJaMiiE

HTML

<body>
<div id="wrapper">


<div id="top_box">
    <div class="homeform">
    <input type="email" placeholder="Your E-Mail" > 
	<input type="Submit" value="Login">
     
 <input type="password" placeholder="Your Password">
   </div>
</div>

<div class="background"></div>



<div id="menu_box">

</div>


<div id="main_box">

</div>


<div id="Bottom_box">

</div>
    
</div>
</body>
</html>

CSS

html, body 
{
	background-color:rgba(255, 160, 0, .5);
}

#wrapper
{
	width: 90%;
    margin: 0 auto;
	color:#CCC;
}

#top_box
{
	background: grey;
    height: 50px;
    left: 80.8%;
    width:20%;
    position: relative;
    top: 0;
    z-index: 5;
}

#homeform
{
	position:relative;
	height:20px;
	width:300px;
}

.background
{
	position: absolute;
	min-width: 90%;
	max-width: 90%;
	margin: 0 auto;
	height: 92%;
	right: 5%;
	background: white;
	width: 80%;
	border: 5px rgba(0, 239, 255, 0.5) solid;
}