body {
  font-family:monospace;
  ;
}

.parent {
display: grid;
margin-top:20px;
grid-template-columns: repeat(10, 100px);
grid-template-rows: repeat(10, 100px);
grid-column-gap: 0px;
grid-row-gap: 0px;
  & > div:nth-of-type(odd) {
  background-color:#6dea72;
}
 & > div:nth-of-type(even) {
  background-color:#000000;
}
}

.div1 { grid-area: 1 / 1 / 2 / 2; 
border-radius: 50px 0 0 50px;
text-weight:bold;font-size:100px;
line-height:50px;font-family:"Times New Roman",serif;}
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }
.div5 { grid-area: 1 / 5 / 2 / 6; }
.div6 { grid-area: 1 / 6 / 2 / 7; }
.div7 { grid-area: 1 / 7 / 2 / 8; }
.div8 { grid-area: 1 / 8 / 2 / 9; }
.div9 { grid-area: 1 / 9 / 2 / 10; }
.div10 { grid-area: 1 / 10 / 2 / 11; 
border-top-right-radius:50px;}
.div11 { grid-area: 2 / 10 / 3 / 11; }
.div12 { grid-area: 3 / 10 / 4 / 11; }
.div13 { grid-area: 4 / 10 / 5 / 11; }
.div14 { grid-area: 5 / 10 / 6 / 11; }
.div15 { grid-area: 6 / 10 / 7 / 11; }
.div16 { grid-area: 7 / 10 / 8 / 11; }
.div17 { grid-area: 8 / 10 / 9 / 11; }
.div18 { grid-area: 9 / 10 / 10 / 11; }
.div19 { grid-area: 10 / 10 / 11 / 11; 
border-bottom-right-radius:50px;}
.div20 { grid-area: 10 / 9 / 11 / 10; }
.div21 { grid-area: 10 / 8 / 11 / 9; }
.div22 { grid-area: 10 / 7 / 11 / 8; }
.div23 { grid-area: 10 / 6 / 11 / 7; }
.div24 { grid-area: 10 / 5 / 11 / 6; }
.div25 { grid-area: 10 / 4 / 11 / 5; }
.div26 { grid-area: 10 / 3 / 11 / 4; }
.div27 { grid-area: 10 / 2 / 11 / 3; }
.div28 { grid-area: 10 / 1 / 11 / 2; border-bottom-left-radius:50px;}
.div29 { grid-area: 9 / 1 / 10 / 2; }
.div30 { grid-area: 8 / 1 / 9 / 2; }
.div31 { grid-area: 7 / 1 / 8 / 2; }
.div32 { grid-area: 6 / 1 / 7 / 2; }
.div33 { grid-area: 5 / 1 / 6 / 2; }
.div34 { grid-area: 4 / 1 / 5 / 2; }
.div35 { grid-area: 3 / 1 / 4 / 2; border-top-left-radius:50px;}
.div36 { grid-area: 3 / 2 / 4 / 3; }
.div37 { grid-area: 3 / 3 / 4 / 4; }
.div38 { grid-area: 3 / 4 / 4 / 5; }
.div39 { grid-area: 3 / 5 / 4 / 6; }
.div40 { grid-area: 3 / 6 / 4 / 7; }
.div41 { grid-area: 3 / 7 / 4 / 8; }
.div42 { grid-area: 3 / 8 / 4 / 9; 
border-top-right-radius:50px;}
.div43 { grid-area: 4 / 8 / 5 / 9; }
.div44 { grid-area: 5 / 8 / 6 / 9; }
.div45 { grid-area: 6 / 8 / 7 / 9; }
.div46 { grid-area: 7 / 8 / 8 / 9; }
.div47 { grid-area: 8 / 8 / 9 / 9; border-bottom-right-radius:50px;}
.div48 { grid-area: 8 / 7 / 9 / 8; }
.div49 { grid-area: 8 / 6 / 9 / 7; }
.div50 { grid-area: 8 / 5 / 9 / 6; }
.div51 { grid-area: 8 / 4 / 9 / 5; }
.div52 { grid-area: 8 / 3 / 9 / 4; 
border-bottom-left-radius:50px;}
.div53 { grid-area: 7 / 3 / 8 / 4; }
.div54 { grid-area: 6 / 3 / 7 / 4; }
.div55 { grid-area: 5 / 3 / 6 / 4; border-top-left-radius:50px;}
.div56 { grid-area: 5 / 4 / 6 / 5; }
.div57 { grid-area: 5 / 5 / 6 / 6; }
.div58 { grid-area: 5 / 6 / 6 / 7; 
border-top-right-radius:50px;}
.div59 { grid-area: 6 / 6 / 7 / 7; 
border-radius:0 0 50px 50px;}