JSFiddle - React, Tailwind, and code Playground

HTML

<div class="topbar" ></div>

CSS

div.topbar {
    height: 200px;
    width: 300px;
   margin: 50px;
    border:1px solid #000;
    background: rgba(63, 63, 63, 0.82);
    z-index: 9000;
    top: 0;
    left: 0;
    border-bottom: 1px solid #464646;
       box-shadow: inset 5px 5px 6px #fff, -10px -30px 8px green, 10px 30px 8px red;
}