JSFiddle - React, Tailwind, and code Playground

HTML

test content<br />
test content<br />
test content<br />
test content<br />
test content<br />
test content<br />

CSS

body{
    padding:0;
    margin:0;
    font:normal 12px/16px Arial, Helvetica, sans-serif;
    color:#383634;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.18, rgb(74,12,107)),
        color-stop(0.87, rgb(102,153,102))
        );
    background: -moz-linear-gradient(top, #4a0c6b 0%, #669966 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a0c6b), color-stop(100%,#669966)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4a0c6b 0%,#669966 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4a0c6b 0%,#669966 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4a0c6b 0%,#669966 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a0c6b', endColorstr='#669966',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #4a0c6b 0%,#669966 100%); /* W3C */
}

html {
    height: 100%
}
body {
    background-attachment: fixed
}