JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

html{
  height:100%;
}
body{
  margin:0;
  padding:0;
  height:100%;
  width:100%;
}
div{
  width:50%;
  height:80%;
  margin:auto;
  margin-top:40px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc1e4a+0,3a2353+100 */
background: #cc1e4a; /* Old browsers */
background: -moz-linear-gradient(top,  #cc1e4a 0%, #3a2353 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cc1e4a 0%,#3a2353 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cc1e4a 0%,#3a2353 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e4a', endColorstr='#3a2353',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 6px 26px -3px rgba(3,7,18,1);
-moz-box-shadow: 0px 6px 26px -3px rgba(3,7,18,1);
box-shadow: 0px 6px 26px -3px rgba(3,7,18,1);
}