.game8content{
    border: 1px solid gray;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    width: 100%;
    max-width: 35rem;
    aspect-ratio: 35 / 16.9; /* Maintain the 35:16.9 ratio */
    background-color: red;
    overflow: hidden;
}
.cell-container {
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 8 columns */
    grid-template-rows: repeat(4, 1fr);  /* 4 rows */
    width: 100%; /* Fill the parent container */
    height: 100%; /* Maintain full height */
}
.cell {
  border: 1px inset rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white; 
    font-size: 1rem;
    font-weight: bold;
}
.cell:hover{
  border-radius: 0.5rem;
}
.s {
  background-color: rgb(252, 255, 84);
}