JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div id="container">
    <div id="content">   
        <h1>Test</h1>
    </div>
</div>

CSS

html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    background: #c5deea; /* old browsers */
    
    background: -moz-linear-gradient(top, #c5deea 0%, #8abbd7 31%, #066dab 100%); /* firefox */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5deea), color-stop(31%,#8abbd7), color-stop(100%,#066dab)); /* webkit */
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* ie */
    
    background-repeat: no-repeat;
}
#container {
    padding: 2%
}
#content{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    
    background: white;
    margin-left: auto;
    margin-right: auto;
    padding: .5%;
    width: 50%;
}

h1, h2, h3 {
    color: #066dab;
}