@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script&family=Dawning+of+a+New+Day&family=Lobster&display=swap');

:root {
    --yellow-pale: #FFF8DC;
    --pink-pale: #FFB6C1;
    --yellow-accent: #F0E68C;
    --pink-accent: #FF69B4;
    --color-yellow: #f5df2b;
    --color-pink: #ff66c4;
    --color-blue: #48abe0;
    --color-green: #48e049;
    --color-dark: #333;
    --color-light: #f8f9fa;
    --color-white: #ffffff;
    --color-ColorDblue: #0d1421;
    --gradient-primary: linear-gradient(135deg, var(--color-yellow) 0%, var(--color-pink) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--color-pink) 0%, var(--color-yellow) 100%);
}

body {
    font-family: Roboto, sans-serif;
    line-height: 1.6;
    color: black;
    background: -webkit-linear-gradient(0deg, #ff66c457 5%, #48abe014 33%, #48e0485d 52%, #f5dd2b6b 81%);
}

.Titres {
    background: -webkit-linear-gradient(0deg, #ff66c4 5%, #48abe0 33%, #48e049 52%, #f5df2b 81%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Dancing Script", cursive;
    color: ivory;
    font-size: clamp(1.8rem, 5vw, 4rem);
    padding: 5px;
}

.Titresbg {
    background-color: var(--color-ColorDblue);
}

h1,
h2 {
    color: black !important;
    font-family: "Dancing Script", cursive;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-item {
    font-family: "Dancing Script", cursive;
    font-size: 30px;
    color: var(--color-yellow) !important;
}