JSFiddle - React, Tailwind, and code Playground

by bodine30

CSS

body {

  
  
  background-color: rgb(3, 116, 101);
  background-image:
    radial-gradient(rgb(0, 162, 143), transparent 80%),
    linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px),
    radial-gradient(transparent 79px, rgba(255,255,255,0.25) 80px, transparent 81px),
    radial-gradient(transparent 79px, rgba(255,255,255,0.25) 80px, transparent 81px),
    linear-gradient(90deg, transparent 2px, rgb(3, 116, 101) 2px, rgb(3, 116, 101) 138px, transparent 140px),
    linear-gradient(transparent 1px, rgba(255,255,255,0.25) 1px, rgb(3, 116, 101) 2px, rgb(3, 116, 101) 139px, rgba(255,255,255,0.25) 140px, transparent 140px, transparent 200px),
    linear-gradient(90deg, transparent 1px, rgba(255,255,255,0.25) 1px, rgb(3, 116, 101) 2px, rgb(3, 116, 101) 139px, rgba(255,255,255,0.25) 140px, transparent 140px, transparent 200px);

  background-size: 
    3000px 2000px,
    100px 100px,
    100px 100px,
    200px 200px,
    200px 200px,
    200px 1px,
    1px 200px,
    200px 1px;
    
  background-position:
    -500px -500px,
    -2px -2px, 
    -2px -2px, 
    50px 50px, 
    150px 150px,
    -20px 0px,
    0px -20px,
    -20px 0px;
  background-repeat:
    no-repeat,
    repeat,
    repeat,
    repeat,
    repeat,
    repeat,
    repeat,
    repeat,
    repeat,
    repeat;
}