.container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
  }

  button {
    outline: none;
    border: 4px solid green;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: bold;
    background: none;
    transition: all 0.2s ease-in-out;
  }
  
  button:hover {
    cursor: pointer;
    background: green;
    color: white;
  }

  .game {
    display: grid;
    width: 300px;
    height: 300px;
    grid-template-columns: auto auto auto;
  }

  .box {
    display: flex;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: bold;
    border: 3px solid black;
    transition: background 0.2s ease-in-out;
  }
  
  .box:hover {
    cursor: pointer;
    background: #0ff3f3;
  }

  #box11,
  #box12,
  #box13 {
    border-top: none;
  }
  
  #box11,
  #box21,
  #box31 {
    border-left: none;
  }
  
  #box31,
  #box32,
  #box33 {
    border-bottom: none;
  }
  
  #box13,
  #box23,
  #box33 {
    border-right: none;
  }