*{
  box-sizing: border-box;
}

.letter1{
  width: 300px;
  height: 300px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 5px;
}
.block{
  background: rgb(233, 255, 31);
  border-radius: 50% 0 0 0;
  filter: drop-shadow(8px 8px rgb(212, 212, 78));
/*  mix-blend-mode: multiply; */

}

.letter2{
  width: 300px;
  height: 300px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 5px;
}
.block{
  background: rgb(217, 231, 23);
  border-radius: 50% 0 0 0;
  filter: drop-shadow(8px 8px rgb(240, 146, 240));
/*  mix-blend-mode: multiply; */

}