JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
    <style>
        body {
            background-color: black;
        }
        #container {
            position: relative;
            margin: 0 auto;
            height: 100%;
            width: 100%;
            z-index: 1;
        }
        #p_1 {
            font-family: my_custom;
            font-size: 50px;
            color: red;
            z-index: 2;
        }
    </style>
    <script type="text/javaScript">
         
    </script>
    </head>
    <body>
        <div id="container">
            <p id="p_1">hello</p>
        </div>
    </body>

</html>