JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main"></div>
<div class="bottom"></div>

CSS

body {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAEElEQVQIW2NkgIKFCxf+BwAGwgLkp6FC4gAAAABJRU5ErkJggg==);
}

.main {
    margin: 50px auto 0;
    width: 300px;
    height: 200px;
    background: rgba(200,200,150,.8);
    box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.25), 
                3px 1px 3px -2px rgba(0, 0, 0, 0.25), 
               -3px 1px 3px -2px rgba(0, 0, 0, 0.25);
}

.bottom {
    width: 100%;
    height: 55px;
    background: rgba(200,200,150,.8);
    box-shadow: 0 5px 5px -5px #010101;
}