@import url("variables.css");
@import url("header.css");
@import url("footer.css");
@import url("accueil.css");
@import url("qui-suis-je.css");
@import url("services.css");
@import url("tarifs.css");
@import url("partenaires.css");


/* Global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;

  font-family: "Alice", serif;
}

h1 {
  font-family: "Windsong", cursive;
  font-size: 3.5rem;
  font-weight: 500;

  color: var(--Marron);
}

h2 {
  font-family: "Windsong", cursive;
  font-size: 3rem;
  font-weight: 400;

  color: var(--Marron);
}

h3 {
  font-family: "Italianno", cursive;
  font-size: 3rem;
  font-weight: 400;

  color: var(--Marron);
}

.font-italianno {
  font-family: "Italianno", cursive;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  transition: 0.3s;
}

.btn {
  background-color: var(--Vert);
  padding: 10px 15px;
  border-radius: 50px;
  color: var(--Beige);
}

.btn-clair{
  background-color: var(--SignatureClaire);
  padding: 10px 15px;
  border-radius: 50px;
  color: var(--Marron);
}

main {
  flex: 1;
  background-color: var(--Beige);
}

#header {
  position: sticky;
  top: 0;
  z-index: 100;
}