JSFiddle - React, Tailwind, and code Playground

by Santharam N R

HTML

<div id="pageHead">
    <h1>CodeGameCentral</h1>
    <h3>Games Made With Code</h3>
</div>
<div id="links">
    <div class="link">
        <a href="../main/?pageNumber=1">Home</a>
    </div>
</div>

CSS

#pageHead{
    background-color:#7F7F7F;
    border:3px solid #FF0000;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top:none;
    color:#AA0000;
}
    h1, h3, #links{
        font-family:monsopace;
        text-align:center;
    }
    #links{
        width:90%;
        margin:auto;
    }
        .link{
            background-color:#7F7F7F;
            border:2px solid #00FF00;
            border-bottom-left-radius:5px;
            border-bottom-right-radius:5px;
            border-top:none;
            cursor:pointer;
            text-align:center;
            width:100%;
        }
            a{
                text-decoration:none;
                color:#AA0000;
            }