JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">

</div>

CSS

#content{
width: 100px;
min-height: 100px;
margin: auto;
border-style: ridge;
border-color: #567498;
border-spacing:10px;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(39,54,73)),
    color-stop(1, rgb(30,42,54))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(39,54,73) 0%,
    rgb(30,42,54) 100%
);