/*---------Couleurs---------*/
/*---------Taille police---------*/
/* @link https://utopia.fyi/type/calculator?c=360,16,1.333,1240,22,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.5628rem, 0.4764rem + 0.3837vw, 0.7738rem);
  --step--1: clamp(0.7502rem, 0.6351rem + 0.5115vw, 1.0315rem);
  --step-0: clamp(1rem, 0.8466rem + 0.6818vw, 1.375rem);
  --step-1: clamp(1.333rem, 1.1285rem + 0.9089vw, 1.8329rem);
  --step-2: clamp(1.7769rem, 1.5043rem + 1.2115vw, 2.4432rem);
  --step-3: clamp(2.3686rem, 2.0052rem + 1.6149vw, 3.2568rem);
  --step-4: clamp(3.1573rem, 2.673rem + 2.1527vw, 4.3413rem);
  --step-5: clamp(4.2087rem, 3.5631rem + 2.8696vw, 5.787rem);
}

/* @link https://utopia.fyi/type/calculator?c=360,16,1.618,1240,22,1.618,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2--desktop: clamp(0.382rem, 0.3234rem + 0.2604vw, 0.5252rem);
  --step--1--desktop: clamp(0.618rem, 0.5232rem + 0.4214vw, 0.8498rem);
  --step-0--desktop: clamp(1rem, 0.8466rem + 0.6818vw, 1.375rem);
  --step-1--desktop: clamp(1.618rem, 1.3698rem + 1.1032vw, 2.2248rem);
  --step-2--desktop: clamp(2.6179rem, 2.2163rem + 1.7849vw, 3.5996rem);
  --step-3--desktop: clamp(4.2358rem, 3.586rem + 2.888vw, 5.8242rem);
  --step-4--desktop: clamp(6.8535rem, 5.8021rem + 4.6729vw, 9.4236rem);
  --step-5--desktop: clamp(11.089rem, 9.3879rem + 7.5607vw, 15.2474rem);
}

/*---------Fonts family---------*/
/*---------- Screen size -------------*/
body {
  font-family: "clother", sans-serif;
  font-size: var(--step-0);
  line-height: 1.5;
  color: #ffffff;
  background: radial-gradient(at 50% -200%, rgba(0, 204, 255, 0.25), transparent 70%), radial-gradient(at 100% 100%, rgba(0, 204, 255, 0.2), transparent 30%), radial-gradient(at -20% 60%, rgba(0, 204, 255, 0.1), transparent 40%), #323631;
  background-attachment: fixed;
  margin: 0;
}
@media (min-width: 1025px) {
  body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
}

a {
  color: #00FF90;
  text-decoration: none;
}

a:hover {
  color: white;
}

section {
  background: radial-gradient(at -10% 100%, rgba(255, 43, 43, 0.05), transparent 25%), radial-gradient(at 80% 60%, rgba(59, 98, 255, 0.05), transparent 20%), radial-gradient(at 10% 5%, rgba(59, 255, 239, 0.05), transparent 35%), #090909;
  padding: 24px;
  border-radius: 8px;
  margin: 24px;
  box-shadow: #111111 0px 0px 10px;
  max-width: 70ch;
}

ul {
  list-style: none;
  padding: 0;
}

.header__word {
  font-size: var(--step-5);
  font-family: "strelka", sans-serif;
  line-height: 115%;
}
@media (min-width: 1025px) {
  .header__word {
    font-size: var(--step-5--desktop);
  }
}

.header__finder {
  font-size: var(--step-4);
  font-family: "manifold-extd-cf", sans-serif;
  font-weight: 300;
  line-height: 100%;
}
@media (min-width: 1025px) {
  .header__finder {
    font-size: var(--step-4--desktop);
  }
}

.header__case {
  font-size: var(--step-1);
  font-family: "manifold-extd-cf", sans-serif;
  font-style: italic;
  font-weight: 300;
}
@media (min-width: 1025px) {
  .header__case {
    font-size: var(--step-2--desktop);
  }
}

h2 {
  font-family: "strelka", sans-serif;
  margin: 48px 0px 24px 0px;
}

h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 150px 0 50px 0;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 24px 0;
  margin: auto;
  box-shadow: none;
}

.svg__desktop {
  display: none;
}
@media (min-width: 1025px) {
  .svg__desktop {
    display: inline;
  }
}

@media (min-width: 1025px) {
  .svg__mobile {
    display: none;
  }
}

img {
  width: 100%;
  height: auto;
}

figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 12px;
}
figure figcaption {
  margin: 12px 0;
  font-size: var(--step--1);
  font-weight: 100;
  font-style: italic;
}

.design1 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .design1 {
    flex-direction: row;
    justify-content: space-between;
  }
}

.equipe__ul {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .equipe__ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.equipe__ul img {
  border-radius: 50%;
  width: 100%;
  height: auto;
}
.equipe__ul figure {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.equipe__ul figure figcaption {
  margin: 24px 0;
}

footer {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 24px;
}
footer a {
  color: white;
  padding-right: 12px;
}
footer a:hover {
  color: #00FF90;
}

@font-face {
  font-family: "Excon-Regular";
  src: url(../assets/polices/Excon-Variable.ttf);
}

/*# sourceMappingURL=app.css.map*/