:root {
    --color-theme-1: #d32b2e;
}

#tsparticles {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  background: transparent !important;
}

h1 {color: var(--color-theme-1);}

.cta {background: var(--color-theme-1);}

/* Voir ce lien pour générer le filter : https://codepen.io/sosuke/pen/Pjoqqp */
#bloc-plan > img {filter: invert(25%) sepia(67%) saturate(2841%) hue-rotate(341deg) brightness(83%) contrast(97%);}

#home-header-svg text {fill: var(--color-theme-1);}

#home-header::after {
  content: '';
  background: url('../img/header-noel.png') no-repeat center bottom / contain;
  width: 100vw;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 100vh;
  transform: translateX(-50%);
}

.bg-mascotte-home {
  background-image: url('../img/mascotte-noel.png');
}

main .abs-bottom-right,
#bloc-evenement .abs-bottom-left,
#bloc-home .abs-bottom-right {
    display: none;
}

#home #abs-bg-chapeau {
    top: 2%;
    left: 19%;
}

#bloc-prix > .container::before {display: none;}

#bloc-evenement {
    background: url('../img/bg-noel-feuille.jpg') no-repeat center bottom / 100%;
}

@media screen and (max-width: 2300px) {
    #home #abs-bg-chapeau {display: none;}
    
    #bloc-home {
        background: url('../img/bg-noel-boule-etoile-right.png') no-repeat right bottom;
    }
}

@media screen and (min-width: 2301px) {
    #bloc-home {
        background:
            url('../img/bg-noel-boule-etoile-right.png') no-repeat right bottom / 60%,
            url('../img/bg-noel-cadeaux-right.png') no-repeat right center / 25%;
    }
}