article h1 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px !important;
  border: 3px solid;
  border-top: none;
  padding-bottom: 10px;
  border-radius: 0px 0px 15px 15px;
}

/* Enlève l'ancre (symbole '#') qui apparaît lorsque l'on passe la souris sur le titre
et qui décentre le titre */
article h1 a {
  display: none;
}

article h2 {
  border-left: 2px solid;
  border-bottom: 2px solid;
  padding-left: 10px;
  padding-bottom: 5px;
}

article h3 {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  width: fit-content;
  max-width: 90%;
  line-height: 1.5 !important;
}

span.zelbinium {
  display: flex;
}

.example {
  font-family: monospace;
  background-color: black;
  font-size: 14px;
  color: grey;
  padding: 10px 20px;
  border-radius: 15px;
  margin: 0;
}

.todo {
  color: white;
  font-weight: bold;
}

div[data-type="sandbox"] details {
  padding: 1rem 0.3rem;
}

.markdown details {
  border-radius: 10px;
  border: 5px ridge;
}

summary:focus {
  outline-style: none;
}