JSFiddle - React, Tailwind, and code Playground

HTML

<br><br><br><br>
        <div id="border">
            <center>
                <br>
                <h1>Hello & Welcome :)</h3>
                <p>
                    Yo. This is a simple Trouble In Terrorist Town that is still under development<br>
                    Do us a favor and have fun and don't be an ass ;)
                </p>
                <br>
            </center>
        </div>
        <br><br>
        <div id="border">
            <center>
                <br>
                <h1>Rules:</h3>
                <li>Offensive Language Not Tolerented</li>
                <li>Sexism and Racism Result To Permenant Ban</li>
                <li>Respect and Obey Our Staff</li>
                <li>No RDM</li>
                <li>No Greifing</li>
                <br><br>
            </center>
        </div>

CSS

body {
                margin: 0px;
                padding: 0px;
                background: rgba(169,3,41,1);
                background: -moz-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(169,3,41,1)), color-stop(44%, rgba(143,2,34,1)), color-stop(100%, rgba(109,0,25,1)));
                background: -webkit-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: -o-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: -ms-radial-gradient(center, ellipse cover, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                background: radial-gradient(ellipse at center, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=1 );
            }

            #border {
                background: #6d0019;
               
                -moz-box-sizing: content-box;
                -webkit-box-sizing: content-box;
                box-sizing: content-box;
                -webkit-border-radius: 150px 150px 150px 150px;
                border-radius: 150px 150px 150px 150px;
                -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
                box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    
                /* Altered */
                width: 92.1875%;
                margin-right: auto;
                margin-left: auto;
            }

            li {
                font-size: 25px;
                font-family: Impact;
            }

            h1 {
                font-size: 65px;
        ...