JSFiddle - React, Tailwind, and code Playground

HTML

<div id="body_box">
    <div id="body_text_design">
    
    <div class="design_text_div">
    <h1>TEST TEST TEST</h1>
    <br />
    <br />
    <br />
    <h3>Bla bla bla</h3> 
    <h3>Test Test</h3>
    </div>
    </div>
</div>

CSS

#body_box{
    height:728px;
    width:750px;
    float:left;
    background-image:url('../pics/MM_body_bg.jpg');
    color:white;
    }

#body_text_design{
    border:2px solid black;
    background-color:#CCC;
    font-family:"Britannic Bold";
    color:black;
    height:676px;
    width:675px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:23px;
    overflow:hidden;
    behavior: url(PIE.htc);
    }

.design_text_div{
    border-top:2px solid black;
    border-bottom:2px solid black;
    margin-top:125px;
    position:absolute;
    padding-top:50px;
    padding-bottom:50px;
    width:675px;
    }

#body_text_design h1{
    text-shadow: 0px 0px 50px #ffffbe, 0px 0px 50px #ffffbe, 0px 0px 50px #ffffbe;
    letter-spacing:-1px;
    font-size:45px;
    text-align:center;
    }

#body_text_design h3{
    letter-spacing:1px;
    font-size:20px;
    text-align:center;
    }