JSFiddle - React, Tailwind, and code Playground

HTML

<header class="header">
    </header>
    <div class="container">
                <div class="formContainer">
                </div>        
     </div>
    <footer class="footer">
        </footer>

CSS

.body{
    background: #00b7ea; /* Old browsers */
    font-family:Arial, Helvetica, sans-serif;
    font-size:85%;
        height: 100%;
}

.container{
 min-height:100%;
 position: relative;
}
.formContainer{
    width:30%;
    height: 100px;
    background-color:#fff;
    margin:auto;
        padding-top: 0;
    border-radius:5px;
    box-shadow:5px 5px 55px #9999;
    padding-bottom:60px;
}
.footer{
    position:absolute;
    width:100%;
    bottom:0;
    height:60px;
    background-color:#333;
}