Holyrics Plugin custom CSS by @da411d

custom1.css

:root {
    --animation_out_delay: 300;
}

@keyframes nome_da_animacao_de_entrada {
    from {opacity: 0.0}
    to {opacity: 1.0}
}

@keyframes nome_da_animacao_de_saida {
    from {opacity: 1.0}
    to {opacity: 0.0}
}

.text-custom span {
    animation-name: nome_da_animacao_de_entrada;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}

.animation_out {
    animation-name: nome_da_animacao_de_saida;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
}



*, *:before, *:after{
  box-sizing: border-box;
}

.screen-custom {}

.text-custom {
  text-shadow: 0 0 4px #000000, 0 0 16px #000000;
  margin-top: -2%;
  padding: 0 2%;
}

.image-custom {}

.text_slide {}

.bible_slide {}

desc {
  font-style: italic;
}


[id^='text-force-update'] {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 40%);
}

#visible .music_slide [id^='text-force-update']:not(:only-child),
#visible .text_slide [id^='text-force-update']:not(:only-child),
#visible .bible_slide [id^='text-force-update']:not(:only-child){
  visibility: initial !important;
  display: block !important;
}