@font-face {
  font-family: 'Nunito';
  src:
    url('../font/Nunito-Regular.woff2') format('woff2'),
    url('../font/Nunito-Regular.woff') format('woff'),
    url('../font/Nunito-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Make the parent background blur under this element */
.blur {
  backdrop-filter: blur(3px);
}

/* Useful to force cards to have the same height */
.has-equal-height {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Justify all content but not titles */
p:not(.title,.subtitle) {
  text-align: justify;
}

/* New font is "smaller" in feeling */
.navbar-dropdown {
  font-size: 1rem;
}

/* Add counter to title */
body {
  counter-reset: h2
}

h2 {
  counter-reset: h3
}

h3 {
  counter-reset: h4
}

h4 {
  counter-reset: h5
}

article h2:before {
  counter-increment: h2;
  content: counter(h2) ". "
}

article h3:before {
  counter-increment: h3;
  content: counter(h2) "." counter(h3) ". "
}

article h4:before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) ". "
}

article .toc__menu ul {
  counter-reset: item
}

article .toc__menu li a:before {
  content: counters(item, ".") ". ";
  counter-increment: item
}