* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  margin: auto;
  margin-top: 8vh;
  height: 400px;
  width: 400px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background-color: green;
  border: 2px solid green;
}

input {
  font-size: 72px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  user-select: none;
  outline: none;
  width: 100%;
}

button {
  display: block;
  margin: auto;
  margin-top: 4vh;
  padding: 5px;
}

table {
  border: 1px solid;
  /* margin: auto; */
  margin-top: 4vh;
  min-width: 250px;
  text-align: center;
  border-collapse: collapse;
  height: 70px;
  font-size: 25px;
}
tr {
  border: 1px inset black;
  background-color: rgb(165, 206, 165);
}
td {
  font-size: 22px;
}

.note {
  display: flex;
  justify-content: space-evenly;
}
.note div {
  align-self: center;
}