actuel-inactuel/assets/css/src/texts.css

@font-face {
  font-family: "Switzer-Variable";
  src: url("/assets/fonts/Switzer-Variable.woff2") format("woff2"),
    url("/assets/fonts/Switzer-Variable.woff") format("woff"),
    url("/assets/fonts/Switzer-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

* {
  font-family: "Switzer-Variable", sans-serif;
}

#logo * {
  font-size: 25vw;
  line-height: 4rem;
  transform: translate(-2px, -13px);
  font-weight: var(--font-weight-extra-bold);
}

h3 {
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-bold);
}

p,
li,
button,
.fs-m {
  transform: translateY(calc(var(--unit--vertical) * 0.12));
  font-size: var(--font-size-m);
  line-height: calc(var(--unit--vertical));
}

.fs-xl {
  font-size: var(--font-size-xl);
}

.title-center {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-light);
  text-align: center;
  width: 100%;
}

p,
li,
button,
.fw-light {
  font-weight: var(--font-weight-light);
}

.fw-bold {
  font-weight: var(--font-weight-bold);
}

.fw-extra-bold {
  font-weight: var(--font-weight-extra-bold);
}

.f-inherit {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.ta-center {
  text-align: center;
}

p {
  transform: translateY(3px);
}

button {
  display: flex;
  align-items: center;
}

a:not(.no-line) {
  text-decoration: dotted;
  text-decoration-color: #fff;
  text-decoration-line: underline;
  text-underline-offset: 0.2rem;
  text-decoration-thickness: 0.5px;
}

article p {
  margin-bottom: var(--unit--vertical);
}