@media (min-width: 76.25em) {

  /* TOC à gauche */
  .md-sidebar--secondary {
    order: -1;
  }

  /* Navigation à droite */
  .md-sidebar--primary {
    order: 1;
  }

  /* Contenu au centre */
  .md-content {
    order: 0;
  }
}

@font-face {
  font-family: "Greve";
  src: url("..assets/fonts/greve-variable.ttf") format('truetype');
}

@font-face {
  font-family: "Clack";
  src: url("../assets/fonts/Clack-VF.ttf") format('truetype');
}

@font-face {
  font-family: "Klima";
  src: url("../assets/fonts/Klima-Regular.otf") format('truetype');
}

@font-face {
  font-family: "Folsom";
  src: url("../assets/fonts/folsom-black.otf") format('truetype');
}

@font-face {
  font-family: "Qoonquer";
  src: url("../assets/fonts/Qonquer.ttf") format('truetype');
}

body {
  background: #dafff9;
  color : #414636;
}

.md-typeset h1 {
  color : #faab22;
  font-family: "Qoonquer";
  font-size: 4em;
  width: 800px;
  height: 30px;
  text-shadow: 2px 2px #7b1200;
  animation: blinker 1s step-start infinite;
}

.md-typeset h2 {
  color : #faab22;
  font-family: "Qoonquer";
  font-size: 3em;
  text-shadow: 2px 2px #7b1200;
}

.md-typeset h3 {
  color : #faab22;
  font-family: "Qoonquer";
  font-size: 2.5em;
  text-shadow: 2px 2px #7b1200;
}

.md-typeset h4 {
  color : #faab22;
  font-family: "Qoonquer";
  font-size: 2em;
  text-shadow: 2px 2px #7b1200;
}

.md-typeset h5 {
  color : #414636;
  font-family: "Qoonquer";
  font-size: 1.5em;
}

.md-typeset h6 {
  color : #414636;
  font-family: "Qoonquer";
  font-size: 1.2em;
}

.center {
  margin: 100px;
}

:root  > * {
  --md-primary-fg-color:#c9a96c;
  --md-accent-fg-color:#7b1200;
  --md-code-bg-color:#d7d7d786;
  --md-code-fg-color:#414636;
}

@keyframes blinker {
  50% {
    color: #55d1bf;
  }
}

.blink {
  animation: blinker 1.5s linear infinite;
}