JSFiddle - React, Tailwind, and code Playground

by winddweb

HTML

<div>
&nbsp;
</div>

CSS

body {
  background-color:#91d1c0;
}

div {
  
  height:600px;
  
   background-image: -webkit-repeating-linear-gradient(45deg, transparent 0%,
    transparent 60px,
    rgba(54,57,72,.8) 60px,
    rgba(54,57,72,.8) 100px,
    rgba(50,168,142,.8) 100px,
    rgba(50,168,142,.8) 140px,
    rgba(194,201,147,.8) 140px,
    rgba(194,201,147,.8) 160px),
    
    -webkit-repeating-linear-gradient(-45deg, 
        transparent 0%,transparent 60px,
        rgba(54,57,72,.8) 60px,
        rgba(54,57,72,.8) 100px,
        rgba(50,168,142,.8) 100px,
        rgba(50,168,142,.8) 140px,
        rgba(194,201,147,.8) 140px, 
        rgba(194,201,147,.8) 160px)
    ;
 
}