.cool-caption {
    font-weight: bold;             /* Makes the text bold */
    color: #2c3e50;               /* Sets the text color to a dark shade for contrast against white */
    text-align: center;           /* Centers the text horizontally */
    font-size: 2em;               /* Increases the font size */
    text-transform: uppercase;    /* Converts the text to uppercase */
    letter-spacing: 2px;          /* Increases spacing between letters for a more stylish look */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow to make the text pop */
    margin: 20px 0;               /* Adds vertical spacing around the text */
    transition: color 0.3s ease;  /* Smooth transition for hover effects */
}

.cool-font:hover {
    color: #e74c3c;               /* Changes text color to a shade of red on hover for a dynamic touch */
}