body {padding:0;
  --s: 52px; /* control the size*/
  --c1: #878fa6;
  --c2: #767481;
  
  --l:var(--c1) 20%,#0000 0;
  --g:35%,var(--c2) 0 45%,var(--c1) 0;
  background:
    linear-gradient(45deg,var(--l) 45%,var(--c1) 0 70%,#0000 0),
    linear-gradient(-45deg,var(--l) var(--g) 70%,#0000 0),
    linear-gradient(45deg,var(--c1) var(--g));
  background-size: var(--s) var(--s);}
  html{
            height: 100%;
            margin: 0;
            display: flex;
            justify-content: center;
            align-items: flex-start;
    
}
 .bigboy{
  position:relative;
  margin:auto;
  width:30rem;;
  }
  
table{border: 1.5px dotted navy;}
td{border: 1.5px dotted navy;}