:root {
        --primary-color: #2b3074;
        --secondary-color: #81b1ce;
        --accent-color: #cc7722;
        --text-color: #00171f;
        --background-color: #f0f0f0;
        --pink: #ff8ab1;
        --brown: #3c4196;
    }
* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
body { font-family: 'Inter', sans-serif;
        overflow-x: hidden;
    }
    .bleu { color: var(--primary-color); }
    .title-font { font-family: 'Playfair Display', serif; }

    /* Scroll animation */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.8s ease;
    }
    .reveal.active {
      opacity: 1;
      transform: translateY(0);
    }
    nav ul li a {
        color: var(--primary-color);
        /* text-decoration: none; */
        transition: color 0.3s ease;
    }
    nav ul li a:hover {
        color: var(--accent-color);
    }
    /* #btn-start {
        background-color: var(--accent-color);
        color: var(--text-color);
        transition: background-color 0.3s ease, transform 0.3s ease;
    } */

    @media screen and (min-width: 480px) and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}