JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/start/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<script src="https://fonts.googleapis.com/css?family=Cookie"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <body class="bodybackground">
 

 
 <div class="navbar navbar-inverse navbar-fixed-top ui-widget-header">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" style="padding-top:0px; padding-bottom:2px;">
                    <div id="divBrandNameText" class="cookieFontGoogle" style="display:inline-block;color:#FFFFFF; vertical-align:central;">Brand</div>
                </a>
            </div>
            <div class="navbar-collapse collapse">           
            </div>
        </div>
    </div>

    <div id="mainContainer" class="container body-content" style="margin-top:50px; background-color:#FFFFFF">
        Test
        <div style=" padding-top:100px;">
        A
        </div>
        B
    </div>
    
     </body>

CSS

.navbar {
            background-color: #00A0F0;
        }

        .navbar-fixed-top {
            border-bottom: 1px solid #0078A0;
        }

        .navbar-inverse .navbar-nav > li > a {
            color: #FFFFFF;
            font-weight: bold;
        }

            .navbar-inverse .navbar-nav > li > a:hover,
            .navbar-inverse .navbar-nav > li > a:focus {
                color: #737373;
                font-weight: bold;
            }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
            color: #FFFFFF;
            background-color: #00A0F1;
        }

            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #FFFFFF;
                font-weight: bold;
            }

        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
            color: #FFFFFF;
            font-weight: bold;
            background-color: #00A0F1;
        }

        .cookieFontGoogle {
            font: 200 50px/1.3 'Cookie', Helvetica, sans-serif;
            color: #fff;
            text-shadow: 4px 4px 3px rgba(0,0,0,0.1);
        }
        
          #mainContainer {
    border-radius: 15px;
}
        
        
                .bodybackground {
            background-image:...