*//
================================================================
CSS CODE
.reveal-wrapper {
overflow: hidden; /* Hides elements that go outside the container */
display: block; /* Make sure the wrapper is a block to contain the words */
width: 100%; /* Adjust to fit your container */
}
.split-text {
display: block; /* Make sure text is block-level to allow words to stack */
white-space: pre-wrap; /* Preserve whitespace and allow line breaks */
}
.word-wrapper {
display: block;
overflow: hidden;
/* Forces each word to be on a new line */
transform: translateY(100%); /* Starts below the container */
margin-bottom: 10px; /* Optional: Adds spacing between lines */
}
.letter {
display: inline-block; /* Needed to apply transforms individually */
transform: translateY(100%); /* Starts below the container */
}
