.sea-container {
    position: relative;
}

.animation-container {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
}

.dollar-sign {
    font-family: 'Source Sans Pro', sans-serif;
    position: absolute;
    opacity: 0;
    font-size: 20px; /* Initial size of the $ sign */
    animation: moveAndFade 3s ease-in-out infinite;
}

@keyframes moveAndFade {
    0% {
        transform: translateY(0);
        opacity: 1;
        font-size: 20px;
    }
    100% {
        transform: translateY(-150px); /* Adjust as needed */
        opacity: 0.5;
        font-size: 60px; /* Final size of the $ sign */
    }
}

.highlight {
    color: #FF0057; /* Change to your preferred highlight color */
    font-weight: bold; /* Optional, for making the text bold */
    /* Add other styling as needed */
}

.highlight-bg {
    background-color: #FFFFFF;
    color: #000000;
    /*background-color: #FF0057;*/ /* Change to your preferred highlight color */
    font-weight: bold; /* Optional, for making the text bold */
    /* Add other styling as needed */
}

.highlight-transparent-text {
    background: white;
    color: black;
    mix-blend-mode: screen;
    /*
    background-color: #FFFFFF; 
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
    color: transparent; 
    -webkit-background-clip: text;
    */
}