JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="wrapper">
        <div id="top_box">
            <div class="homeform">
                <input type="email" placeholder="Your E-Mail">
                <input type="password" placeholder="Your Password">
                <input type="Submit" value="Login">
            </div>
        </div>
        <div class="background"></div>
        <div id="menu_box"></div>
        <div id="main_box"></div>
        <div id="Bottom_box"></div>
    </div>
</body>

CSS

html, body {
    background-color:rgba(255, 160, 0, .5);
}
#wrapper {
    width: 90%;
    margin: 0 auto;
    color:#CCC;
}
#top_box {
    background: grey;
    left: 80.8%;
    width:20%;
    position: relative;
    top: 0;
    z-index: 5;
}
.homeform {
    position:relative;
}
.homeform input[type="email"], .homeform input[type="password"] {
    position:relative;
    width:100%;
}
.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;
}