.verticalDivider {
  width:2px; height:10%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  transform: translateY(-80%);
}

.list-group-item
{
  background-color: rgba(255, 255, 255, 0);
}

/* import font */
@font-face {
 font-family: FilsonProLight;
 src: url("/static/fonts/FilsonPro/FilsonProLight.otf") format("opentype");
 font-style: normal;
}

/* apply font */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  font-family: FilsonProLight;
}
@media (max-width: 992px) {
  h1, h2, h3, .h1, .h2, .h3 {
    font-size: 1.5rem;
    font-family: FilsonProLight;
  }
}

[changeColor]:not(div) > svg {
  height: 8rem;
}

/* transition entre les page // intro */
.container-fluid{
  animation: fadein 0.5s;
}
.container{
  animation: fadein 0.5s;
}
@keyframes fadein {from { opacity: 0.1; } to { opacity: 1; }}
/* transition entre les page // outro */
.outro{
  animation: fadeout 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeout {from { opacity: 1; } to { opacity: .5; }}

/* dropdown glassmorphé */
.dropdown-menu {
  background-color: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 1);
}