JSFiddle - React, Tailwind, and code Playground

by Simo990

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 -5px 5px -5px #010101,
    5px 0 5px -5px #010101,
    -5px 0 5px -5px #010101;
}

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