/*main {
    background-color: var(--bg-colour);
}*/

body {

/* background-size: 40px 100%;
background-image: linear-gradient(to right, #DDE0DC, #EDF0EC 5px, #fcfffa 5px, #fcfffa ); */
    /* background: linear-gradient(135deg, #DDE0DC 25%, transparent 25%) -8px 0/ 16px 16px, linear-gradient(225deg, #EDF0EC 25%, transparent 25%) -8px 0/ 16px 16px, linear-gradient(315deg, #DDE0DC 25%, transparent 25%) 0px 0/ 16px 16px, linear-gradient(45deg, #EDF0EC 25%, #fcfffa 25%) 0px 0/ 16px 16px; */
    margin: 0;
    font-family: "DM Sans", sans-serif;
    /* background-color: var(--bg-color); */

  --s: 150px; /* control the size*/
  --c1: #eef0ed;
  --c2: #eaebea;
  
  --_g: 
     var(--c1) 0%  5% ,var(--c2) 6%  15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,
     var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,
     #0000 96%;
  background:
    radial-gradient(50% 50% at 100% 0,var(--_g)),
    radial-gradient(50% 50% at 0 100%,var(--_g)),
    radial-gradient(50% 50%,var(--_g)),
    radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2)
    var(--c1);
  background-size: var(--s) var(--s);

}