* {
    margin: 0; padding: 0; 
}
#birthday-banner.bd-banner-container {
    width: 100%; 
    height: 240px; 
    background: rgb(201,45,37);
    background: linear-gradient(180deg, rgba(201,45,37,1) 0%, rgba(201,45,37,1) 35%, rgba(68,9,5,1) 100%);
    position: relative; 
    overflow: hidden; 
}
#birthday-banner .main-content {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 100%; 
}
#birthday-banner .text-container {
    display: flex; 
    align-items: center; 
    font-size: 48px; 
    background: -webkit-linear-gradient(#a31517 0%, #fff8a5 45%, #fffbcf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translate(0, 0);
    max-width: 90%; 
}

#birthday-banner .sentence {
    font-family: 'Lato'; 
}
#birthday-banner .age__number, .age__year, .exclam {
    font-family: 'Bodoni Moda'; 
}


#birthday-banner .sentence {
    font-size: 80%; 
    font-weight: 300;
    font-style: italic; 
    margin-right: 18px; 
    letter-spacing: 4px; 
    word-spacing: 12px; 
}
#birthday-banner .age-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#birthday-banner .age__number {
    font-size: 200%; 
    font-weight: bold; 
}
#birthday-banner .age__year {
    margin-top: -20px;
    letter-spacing: 8px;
}
#birthday-banner .exclam {
    font-size: 400%;
}

@keyframes pulse {
    0% {
        transform: scale(1); 
    }
    50% {
        transform: scale(1.2);  
    }
    100% {
        transform: scale(1); 
    }
}
@keyframes navigate {
    0% {
        transform: translate(0,0); 
    }
    50% {
        transform: translate(11%, 23%);  
    }
    100% {
        transform: translate(0,0);  
    }
}



#birthday-banner .lueur-container {
    animation: lueurMooving 6s ease infinite;
}
#birthday-banner .lueur {
    width: 120%;
    height: 48px;
    bottom: 20%; 
    /* left: 50%;  */
    position: absolute; 
    /* border-radius: 50%; */
    background: rgb(254,207,16);
    background: linear-gradient(180deg, rgba(254,207,16,0) 0%, rgba(254,248,218,.7) 50%, rgba(254,207,16,0) 100%);
    transform: rotate(135deg);
    filter: blur(18px); 
}

@keyframes lueurMooving {
    0% {
        transform: translateX(-200%); 
    }
    100% {
        transform: translateX(600%); 
    }
}











#birthday-banner .single-glow__container {
    position: absolute;
}

#birthday-banner .single-glow__item {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(
      #db9135,
      #db7235 10%,
      #ffe09900 56%
    );
    animation: glowing 3s ease infinite;
}

@keyframes glowing {
    0% {
        transform: scale(1); 
        opacity: 1; 
    }
    50% {
        transform: scale(.6); 
        opacity: .7;
    }
    100% {
        transform: scale(1); 
        opacity: 1; 
    }
}

@keyframes mooving {
    0% {
        transform: translate(0, 0); 
        opacity: 1; 
    }
    100% {
        transform: translate(12px, -3000%); 
        opacity: 0; 
    }
}




/* RESPONSIVE */
@media screen and (max-width: 799px) {
    .main-content {
        transform: scale(.6);
    }
}