JSFiddle - React, Tailwind, and code Playground

by ChristopherBurton

CSS

*{margin:0; padding:0;}

body {
      width:100%;
      height:100%;   
      background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(229,229,229,1)), color-stop(25%,rgba(200,200,200,1)), color-stop(50%,rgba(233,233,233,1)), color-stop(75%,rgba(200,200,200,1)), color-stop(100%,rgba(181,181,181,1)), color-stop(100%,rgba(229,229,229,1)));
    
      background: -webkit-linear-gradient(left, rgba(229,229,229,1) 1%,rgba(200,200,200,1) 25%,rgba(233,233,233,1) 50%,rgba(200,200,200,1) 75%,rgba(181,181,181,1) 100%,rgba(229,229,229,1) 100%); 
    
      background: linear-gradient(left, rgba(229,229,229,1) 1%,rgba(200,200,200,1) 25%,rgba(233,233,233,1) 50%,rgba(200,200,200,1) 75%,rgba(181,181,181,1) 100%,rgba(229,229,229,1) 100%);

}
    
    
    
body:after {
      content:"";
      display: block;
      width: 100%; 
      height: 100%;
      background-size: 14px 14px;            
      background-image: -webkit-repeating-linear-gradient(-45deg, rgba(255,255,255,.2), rgba(0,0,0,.01) 1px, transparent 1px, transparent 5px);
}