body,
html {
  height: 100%;
  font-family: "Inconsolata", sans-serif;
}

.botsAreLame::before {
  content: "\0040";
  /* Code unicode pour le @. */
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}