.dipl-scroll-text-inner{
font-size: 55px;
line-height: 1.3;
}
.dipl-scroll-text-inner span{
white-space: pre;
transition: all 0.4s ease !important;
}
.dipl-scroll-text-inner span.dipl_st_word{
display: inline-block;
}
.dipl-scroll-text-inner span.dipl_st_letter{
display: inline-block;
white-space: nowrap;
} .dipl_scroll_word_fade .dipl_st_word,
.dipl_scroll_letter_fade .dipl_st_letter{
opacity: 0;
}
.dipl_scroll_text .dipl_scroll_word_fade .dipl_st_word.visible,
.dipl_scroll_text .dipl_scroll_letter_fade .dipl_st_letter.visible{
opacity: 1;
} .dipl_scroll_word_blur .dipl_st_word,
.dipl_scroll_letter_blur .dipl_st_letter{
filter: blur(6px);
}
.dipl_scroll_text .dipl_scroll_word_blur .dipl_st_word.visible,
.dipl_scroll_text .dipl_scroll_letter_blur .dipl_st_letter.visible{
filter: blur(0) !important;
} .dipl_scroll_word_color .dipl_st_word,
.dipl_scroll_letter_color .dipl_st_letter{
color: #999999;
}
.dipl_scroll_word_color .dipl_st_word.visible,
.dipl_scroll_letter_color .dipl_st_letter.visible{
color: #2ea3f2;
} .dipl_scroll_word_slide .dipl_st_word,
.dipl_scroll_letter_slide .dipl_st_letter{
transform: translateY(40px);
opacity: 0;
}
.dipl_scroll_word_slide .dipl_st_word.visible,
.dipl_scroll_letter_slide .dipl_st_letter.visible{
transform: translateY(0) !important;
opacity: 1;
} .dipl_scroll_word_3d_flip .dipl_st_word,
.dipl_scroll_letter_3d_flip .dipl_st_letter{
opacity: 0;
transform: perspective(1000px) rotateX(-90deg) translateY(100px);
transform-origin: center center;
transition: transform 0.9s cubic-bezier(0.75, 0, 0.25, 1), opacity 0.9s ease;
}
.dipl_scroll_word_3d_flip .dipl_st_word.visible,
.dipl_scroll_letter_3d_flip .dipl_st_letter.visible{
opacity: 1;
transform: perspective(1000px) rotateX(0deg) translateY(0px);
}
.dipl_scroll_word_3d_flip .dipl_st_word.visible.reverse,
.dipl_scroll_letter_3d_flip .dipl_st_letter.visible.reverse{
opacity: 0;
transform: perspective(1000px) rotateX(90deg) translateY(-100px);
} .dipl_scroll_word_skew .dipl_st_word,
.dipl_scroll_letter_skew .dipl_st_letter{
transform: skewY(35deg);
opacity: 0;
}
.dipl_scroll_word_skew .dipl_st_word.visible,
.dipl_scroll_letter_skew .dipl_st_letter.visible {
transform: skewY(0) !important;
opacity: 1;
}