@font-face {
  font-family: "outfit";
  src: url("../fonts/Outfit/static/Outfit-Light.ttf") format("truetype");
  font-weight: light;
  font-style: light;
}

@font-face {
  font-family: "outfit";
  src: url("../fonts/Outfit/static/Outfit-Medium.ttf") format("truetype");
  font-weight: medium;
  font-style: medium;
}

@font-face {
  font-family: "outfit";
  src: url("../fonts/Outfit/static/Outfit-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Light.ttf") format("truetype");
  font-weight: light;
  font-style: light;
}

@font-face {
  font-family: "urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Medium.ttf") format("truetype");
  font-weight: medium;
  font-style: medium;
}

@font-face {
  font-family: "urbanist";
  src: url("../fonts/Urbanist/static/Urbanist-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: bold;
}

/* RESET */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "outfit", sans-serif;
}

/* On ne retire les puces que là où c'est voulu (ex: navigation) */
nav ul,
.burger-nav,
.contact__info ul {
  list-style: none;
}

/*PARAMETRES GENERAUX*/

:root {
  /*recup*/
  --colorv1: rgb(0, 214, 224);
  --colorv2: rgb(130, 246, 157);
  --colorv3: rgb(100, 125, 255);
  --colorv4: rgb(243, 247, 255);
  --colorv5: rgb(251, 246, 239);
  --colorv6: rgb(229, 204, 255);
  --colorv7: rgb(238, 249, 254);
  --colorv8: rgb(244, 237, 252);
  --colorv9: rgb(45, 104, 252);
  --colorv10: rgb(43, 179, 237);
  --colorv11: rgb(93, 138, 252);
  --colorv12: rgb(46, 104, 253);
  --text-colorv1: #020202;
  --text-colorv2: white;

  --text-color1: #333;
  --text-color2: white;
}

button {
  border-radius: 10rem;
  font-weight: bold;
  color: var(--text-color2);
  background-color: var(--colorv3);
  border: none;
  cursor: pointer;
  transition: background-color 0.4s ease-in-out, transform 0.3s ease-in-out;
  font-size: 1.05rem;
}

button:hover {
  transform: scale(1.2);
  background-color: var(--colorv1);
  border: green solid 1px;
}

section {
  min-height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Empêche tout débordement */
}

.solutions__partie-basse,
.prestation__partie-basse,
.tuto__partie-basse {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*TITRES*/

h1 {
  font-size: 3rem;
  font-family: "urbanist", sans-serif;
  font-weight: bold;
}

h1 span {
  font-size: 3rem;
  font-family: "urbanist", sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 2.5rem;
  font-family: "urbanist", sans-serif;
  font-weight: bold;
}

h3 {
  font-size: 1.75rem;
  font-family: "urbanist", sans-serif;
  font-weight: bold;
}

h4 {
  font-size: 1.25rem;
  font-family: "urbanist", sans-serif;
  font-weight: bold;
}

/* LIENS */

a {
  text-decoration: none;
}