/* Animation pour les pages de ressources */
html {
  animation: hideOverflow 3s ease-out forwards; }

@keyframes hideOverflow {
  from {
    overflow: hidden; }
  99% {
    overflow: hidden; }
  100% {
    overflow: auto; } }

section.header ~ * {
  opacity: 0;
  animation: appear 1s ease-out forwards; }
  section.header ~ *:nth-child(1) {
    animation-delay: 3.25s; }
  section.header ~ *:nth-child(2) {
    animation-delay: 3.45s; }
  section.header ~ *:nth-child(3) {
    animation-delay: 3.65s; }
  section.header ~ *:nth-child(4) {
    animation-delay: 3.85s; }

section.header {
  min-height: 100vh;
  animation: fullScale 1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 3s; }
  section.header .page-title, section.header .page-title-sub, section.header .search-bar, section.header .back-button {
    opacity: 0;
    animation: slideIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
  section.header .page-title {
    animation-delay: 0.5s; }
  section.header .page-title-sub {
    animation-delay: 1.2s; }
  section.header .back-button {
    animation-delay: 3.1s; }
  section.header .search-bar {
    animation-delay: 3.2s; }
  section.header .resource-wrapper {
    animation: slideLeft 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }
    section.header .resource-wrapper:nth-child(1) {
      animation-delay: 3.2s; }
    section.header .resource-wrapper:nth-child(2) {
      animation-delay: 3.4s; }
    section.header .resource-wrapper:nth-child(3) {
      animation-delay: 3.6s; }
    section.header .resource-wrapper:nth-child(4) {
      animation-delay: 3.8s; }
    section.header .resource-wrapper:nth-child(5) {
      animation-delay: 4.0s; }
    section.header .resource-wrapper:nth-child(6) {
      animation-delay: 4.2s; }
    section.header .resource-wrapper:nth-child(7) {
      animation-delay: 4.4s; }
    section.header .resource-wrapper:nth-child(8) {
      animation-delay: 4.6s; }

section.story .module {
  opacity: 0;
  animation: slideLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
  section.story .module:nth-child(1) {
    animation-delay: 4s; }
  section.story .module:nth-child(2) {
    animation-delay: 4.2s; }
  section.story .module:nth-child(3) {
    animation-delay: 4.4s; }
  section.story .module:nth-child(4) {
    animation-delay: 4.6s; }