.francois-one-regular {
  font-family: "Francois One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rubik-mono-one-regular {
  font-family: "Rubik Mono One", monospace;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-mono-thin {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 100;
  font-style: normal;
}

.noto-sans-300 {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.riso-blue {
  color: #0078BF;
}

.riso-bright-red {
  color: rgb(241 80 96);
}

.riso-flat-gold {
  color: rgb(187, 139, 65);
}

.riso-fluo-orange {
  color: rgb(255, 116, 119);
}

.riso-citron {
 color: rgb(250, 243, 183);
}

.overprint-citron {
  text-shadow: -2px -1px rgb(250, 243, 183);
}

.overprint-white {
  text-shadow: -1px -1px rgb(242, 242, 242);
}

.b--blue-30 {
  border-color: rgba(0, 120, 191, .3);
}

.bb0 li:last-child {
  border-bottom: 0
}

.f-4 {
  font-size: 4rem;
}

.bg-fixed-cover {
  position: fixed;
  inset:0;
  z-index: -1;
}

.pv7-5 {
  padding-top: 16.5rem;
  padding-bottom: 16.5rem;
}

.pv8 {
  padding-top: 12.25rem;
  padding-bottom: 12.25rem;
}

@media screen and (min-width: 30em) {
  .pv9-ns {
    padding-top: 25rem;
    padding-bottom: 25rem;

  }
}

@media screen and (min-width: 30em) {
  .f-4-ns { font-size: 4rem }
}

@media screen and (min-width: 30em) and (max-width: 60em) {
  .f-4-m { font-size: 4rem }
}

@media screen and (min-width: 60em) {
  .f-4-l { font-size: 4rem }
}

a {
  transition: color .15s ease-in;
  text-decoration-color: rgb(241 80 96);
}

a:visited {
  transition: color .15s ease-in
}