body {
  background-color: silver;
  font: normal normal 14px/1.2 "Helvetica Neue", Arial, sans-serif;
}

.bg-nav {
  background-color: #00B69D;
}

.container-fluid {
  width: 90%;
  margin: 10px auto;
}

.buttons-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 15rem);
  justify-content: space-between;
  grid-gap: 20px;
  flex-wrap: wrap;
}

.bouton {
  padding: 4px 12px;
  min-width: 15rem;
  min-height: 50px;
  border: none;
  font: inherit;
  border-radius: 5px;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.4);
  color: white;
}

.bouton:active {
  border: solid;
  border-color: #00B69D;
  border-width: 5px;
}

.bouton_bleu {
  background-color: #14C1DB;
}

.bouton_vert {
  background-color: #06D88B;
}

.bouton_orange {
  background-color: #FAB916;
}

.bouton_violet {
  background-color: #A84FF9;
}

.bouton_default {
  background-color: #7C13AD;
}