tetris.css

.text-center {
  text-align: center;
}

.flex {
  display: flex;
}

.font-weight-bold {
  font-weight: bold;
  margin-right:40px;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-around {
  justify-content: space-around;
}

.justify-content-between {
  justify-content: space-between;
}

.btn {
  display:inline-block;
  font-weight:400;
  color:#212529;
  text-align:center;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-primary {
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-info{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}


#grille span {
  text-align: center;
  float: left;
  background-color: #696969;
  border: 0.5px #5a5e6b solid;
  height: 22px;
  width: 22px;
}

#grille {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right:30px;
}

.bg-commande {
  border-radius: 5px;
  padding: 5px 50px;
  margin-right: 5px;
  margin-bottom: 20px;
  background-color: #A9A9A9	;
  font-size:0.9em;
}