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);
}

h1,
h2,
h3,
h4,
h5,
p {
  font-weight: var(--font-weight-light);
  line-height: 1;
}

h2 {
  font-size: var(--font-size-xl);
}

article h2 {
  margin-bottom: calc(var(--unit--vertical) / 2);
}

.title-center {
  --margin-left: calc(4 * var(--unit--horizontal));
  width: calc(100% - var(--margin-left));
  margin-left: var(--margin-left);
}

.main-title {
  line-height: 1;
  text-align: left;
  box-sizing: border-box;
  font-weight: var(--font-weight-light);
}

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-s {
  font-size: var(--font-size-s) !important;
}
.fs-m {
  font-size: var(--font-size-m) !important;
}
.fs-l {
  font-size: var(--font-size-l) !important;
}
.fs-xl {
  font-size: var(--font-size-xl) !important;
}
.fs-xxl {
  font-size: var(--font-size-xxl) !important;
}

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 * {
  transition: font 0.2s ease-in-out;
}

a.no-line:hover * {
  font-weight: 250;
}
a:not(.no-line):hover {
  text-decoration: none;
}

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:not(:last-child) {
  margin-bottom: var(--unit--vertical);
}

@media screen and (min-width: 640px) {
  .title-center {
    margin-left: calc(2 * var(--unit--horizontal));
  }
}