/***
 * Center element
 ***/
.center {
  margin-left: auto;
  margin-right: auto;
}

/***
 * CSS used for dropdown description texts
 */
details {
  user-select: none;
}

details>summary span.icon {
  width: 24px;
  height: 24px;
  transition: all 0.3s;
  margin-right: auto;
}

details[open] summary span.icon {
  transform: rotate(180deg);
}

summary {
  display: flex;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}
/* END dropdown description texts */

/***
 * CSS for the footer
 ***/
footer {
  display: block;
}