/* Additional CSS for hover effect */
.hover-title {
position: relative;
}
.typewriter-text {
/* Hide the text initially */
display: inline;
visibility: hidden;
opacity: 0;
color: white; /* Set text color to white */
transition: opacity 0.3s ease-in-out;
}
.typewriter-link:hover + .typewriter-text {
/* Show the text on hover */
visibility: visible;
opacity: 1;
}