JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        
            <div id="box">
                <div id="wrapper">
                    <div id="box_content">
                        Content here
                    </div>
                </div>
            </div>
    
    </body>
</html>

CSS

#body{
    margin: 0px;
}

#box{
    background-color: #0ef83f;
    border-radius: 5px;
    box-shadow: 0 0 10px #000000;
    
    width: 300px;
    height: 300px;
    
}
#wrapper{
    display: inline-block;
    width: 280px;
    height: 280px;
    border-radius: 0px;
    border-color: white;
    box-shadow: 0 0 10px #000000 inset;
    margin: 10px;
}

#box_content{
line-height: 280px;
    text-align:center;
}