.game7content{
    border: 1px solid gray;
    position: relative;
    display: flex;
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 35 / 16.9; /* Maintain the 35:16.9 ratio */
    overflow: hidden; 
    background-color: black;
}
.cell-container1 {
  border-right: 0.15rem solid rgb(0, 0, 0);
}
.cell-container2 {
  border-left: 0.15rem solid rgb(0, 0, 0);
}
.cell-container1,
.cell-container2 {
    display: grid;
    gap: 1px;
    background-color: white;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    grid-template-rows: repeat(4, 1fr);  /* 4 rows */
    width: 50%; 
    height: 100%; 
}
.game7content button {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;
    z-index: 1;
}
.c1 {
  background-color: aqua;
}
.c2 {
  background-color: red;
}
.c3 {
  background-color: rgb(3, 91, 0);
}
.c4 {
  background-color: rgb(46, 77, 255);
}
.c5 {
  background-color: rgb(253, 255, 162);
}
.c6 {
  background-color: rgb(186, 97, 255);
}
.c7 {
  background-color: darkblue;
}
.c8 {
  background-color: rgb(0, 255, 30);
}
.c9 {
  background-color: rgb(255, 102, 46);
}
.c10 {
  background-color: rgb(255, 247, 0);
}
.c11 {
  background-color: rgb(83, 0, 151);
}
.c12 {
  background-color: rgb(54, 54, 54);
}
.c13 {
  background-color: rgb(251, 0, 255);
}
.c14 {
  background-color: rgb(255, 123, 123);
}
.c15 {
  background-color: rgb(81, 0, 0);
}
.c16 {
  background-color: rgb(171, 171, 171);
}