body {
  font-family: 'Poppins', sans-serif;
  background-color: #905BA3;
}

/* ---------- COULEURS PERSONNALISÉES ---------- */
.bg-purple {
  background-color: #905BA3;
}

html {
  scroll-behavior: smooth;
}
.nav-link.active {
  background-color: #fff;
  color: #905BA3 !important;
  border-radius: 10px;
  padding: 5px 5px;
  font-weight: 600;
}
.custom-navbar {
  height: 80px;
}

body {
  padding-top: 160px;
}



/* NAVBAR */
.navbar-nav .nav-link {
  color: #F9CBDF;
  font-weight: 500;
  margin: 0 30px;
  font-size: 20px;
}

.navbar-nav .nav-link.active {
  border: 1px solid #F9CBDF;
  border-radius: 10px;
  padding: 5px 15px;
  color: #F9CBDF !important;
}

.btn-outline-light {
  border-radius: 10px;
  background-color: #ffff;
  
  color: #905BA3;
}

/* HERO */

.container1 {
  max-width: 100%;
  background-color: #f9c7e2;
  padding: 80px 30px;
  font-size: 32px;
  
}
.hero-section{
  margin-top: -10%;
}

.hero-section h2 {
  font-size: 48px;
  color: #905BA3;
  margin-top: -100px;
}

.line-deco {
  width: 50px;
  height: 5px;
  background-color: #905BA3;
}

/* À PROPOS */
.about-section {
  background-color: #905BA3;
  padding: 80px 0;
  border-radius: 9px;
  margin-bottom: 3%;
}

.section-title {
  font-size: 36px;
  font-weight: 600;
  color: #f9c7e2;
}

.section-subtitle {
  font-size: 28px;
  font-weight: 500;
  color: #f9c7e2;
}

.about-text {
  max-width: 900px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.5;
  color: white;
}

.grid-values {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 3rem;
}

.valeur {
  font-size: 28px;
  font-weight: normal;
  color: #f9c7e2;
}

/* PROJETS */
.projets {
  background-color: #F9CBDF;
  padding: 80px 0;
  border-radius: 9px;
  height: 15%;
}
.card h-100{
  transition: 0.3s ease;
  transform: translateY(-5px);
}

.projets h1 {
  color: #905BA3;
  margin-top: 3%;
}

.card {
  border: none;
  border-radius: 15px;
}

.card-img-top.projet-img {
  height: 200px;
  object-fit: cover;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.card-body {
  background-color: white;
  flex: 1 1 auto;
}

/* FOOTER */
.footer {
  background-color: #f9c7e2;
  border-radius: 8px;
  color: #905BA3;
  font-weight: 500;
  text-align: center;
  margin-top: 90px;
}

/* Styles spécifiques à la section compétences */
    .competences {
      background-color: #905BA3;
      color: #fff;
      border-radius: 20px;
    }

    .competence-title {
      color: #fbd3e6;
      font-weight: bold;
      margin-top: 60px;
    }

    .tag {
      background-color: #fbd3e6;
      color: #905BA3;
      padding: 10px 20px;
      border-radius: 25px;
      display: inline-block;
      margin: 5px;
      font-size: 0.95rem;
      font-weight: 500;
    }

    .tools img {
      width: 40px;
      height: 40px;
      margin: 0 10px;
    }

    .section-title {
      font-weight: 100;
      margin-bottom: 15px;
      color: white;
    }
    .contact{
      background-color: #f9c7e2;
      max-height: 80vh;
      border-radius: 9px;
      margin-top: 50px;
      height: 400%;
     
    }
    .card-body h5{
margin-top: 20%;
    }