section .content{
     position:relative;
     width: 100%;
     height: 100%;
}

.noir{
     position: absolute;
     bottom: 30%;
     width: 200px;
     height: 200px;
     background: black;
     z-index: 2000;
     right: 10%;
     border-radius: 100%;
     filter: blur(20px);
     animation: moving 12s both infinite alternate ease-in-out;
     }

@keyframes moving {
  0% {
    transform: translate3d(0, 80%, 0);
  }
  
  25% {
    transform: translate3d(0, 35%, 50px);
  }
  
  50%{
    transform: translate3d(-100%, 30%, 150px);
  }
  
  100% {
    transform: translate3d(-450%, 40%, -10px);
  }
}

@media screen and (min-width: 767px) {
  .grid-90{
     position: relative;
     z-index: 2000;
  }
}

.grid-90,.grid-100, .content, article p,article h1.hide-on-mobile,article h2.hide-on-mobile,article p a:hover, .author a{
     background-color: rgb(25, 25, 25);
}

.content-text h1,
.descriptif p,
.jp-duration,
.jp-current-time{
  color: white!important;
}

.content-text h2{
  color: rgb(157, 157, 157)!important;
}

.jp-controls li:first-child a{
  background-color:#fff;
  color:#000;
}

.jp-controls li:last-child a{
  background-color:#000000;
  color:#fff;
}

.author,
.author a{
  color:#c8c8c8;
}

.nav-l img,
.nav-r img{
  filter: invert(1);
}