JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
        <div class="content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur vel fugit dolor ad impedit magni, explicabo quaerat cupiditate ut quas laborum debitis magnam, id libero, consequuntur. Voluptatibus nulla, porro impedit! Maiores eaque culpa quam? Enim sequi ullam voluptate soluta praesentium, accusantium iusto animi, ab, quisquam consequuntur earum a ea! Itaque, tempora cupiditate consectetur perferendis sed minus fuga odit cum qui!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur vel fugit dolor ad impedit magni, explicabo quaerat cupiditate ut quas laborum debitis magnam, id libero, consequuntur. Voluptatibus nulla, porro impedit! Maiores eaque culpa quam? Enim sequi ullam voluptate soluta praesentium, accusantium iusto animi, ab, quisquam consequuntur earum a ea! Itaque, tempora cupiditate consectetur perferendis sed minus fuga odit cum qui!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur vel fugit dolor ad impedit magni, explicabo quaerat cupiditate ut quas laborum debitis magnam, id libero, consequuntur. Voluptatibus nulla, porro impedit! Maiores eaque culpa quam? Enim sequi ullam voluptate soluta praesentium, accusantium iusto animi, ab, quisquam consequuntur earum a ea! Itaque, tempora cupiditate consectetur perferendis sed minus fuga odit cum qui!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur vel fugit dolor ad impedit magni, explicabo quaerat cupiditate ut quas laborum debitis magnam, id libero, consequuntur. Voluptatibus nulla, porro impedit! Maiores eaque culpa quam? Enim sequi ullam voluptate soluta praesentium, accusantium iusto animi, ab, quisquam consequuntur earum a ea! Itaque, tempora cupiditate consectetur perferendis sed minus fuga odit cum qui!</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur vel fugit dolor ad impedit...

CSS

body{margin:0; padding:0;}
#main{
    position: relative;
    z-index: 2;
    min-height: 800px;
    margin:0 0 400px;
    background-color: #F0F0F0;
}
#main-footer{
    position: fixed;
    bottom: 0;
    height: 400px;
width: 100%;
    background-color: #CCC;
    text-align: center;
    z-index:1;
}
.content{position: relative; display: block; margin: 0; padding: 5px 10px;}
.teste-footer{
    position:relative;
    font-size:22px;
    line-height:25px;
    padding:80px 0;
    text-align:center;
}