JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<div id="bg">
    <div id="content">
        <div id="header">
            <h1>demo</h1>
        </div>
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
    </div>
</div>
</body>
</html>

CSS

body {color:#FFF;background-color: #4068b2;
    /* firefox */
background-image: -moz-linear-gradient(
    center bottom,
    rgb(37,66,134) 0%,
    rgb(64,104,178) 100%
);
    /* chrome */
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(234,234,234)),
    color-stop(1, rgb(64,104,178))
);
}

h1{margin:0;padding:0;text-decoration:none;font-size:50px;line-height:40px;padding-left:30px}

#content{margin:30px;border: 3px solid #FFF;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#header{height:50px;position:relative;top:-25px}