#divBtns {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  height: fit-content;
  margin-top: 10px;
}

.grid-container {
  width: fit-content;
  max-width: 800px;
  display: grid;
  grid-template-columns: repeat(
    3,
    0.6fr
  ); /* Creates 3 columns of equal width */
  grid-template-rows: repeat(
    3,
    auto
  ); /* Creates 3 rows, height adjusts to content */
  gap: -24px 8px; /* First value is for row-gap, second is for column-gap */
  justify-items: center; /* Center items horizontally */
  align-items: center; /* Center items vertically */
}

.grid-item {
  display: flex;
  justify-content: center; /* Center content horizontally within each item */
  align-items: center; /* Center content vertically within each item */
  text-align: center; /* Ensures text within each item is centered */
  /* Add padding, borders, or other styles as needed */
  padding: 0px;
}

.grid-container .grid-item a:hover {
  color: white;
  background-color: darkred;
  text-decoration: none;
}