Highlight a specific words in multicolumn heading

[soomin]

Hello,

I am trying to add a CSS code to the multicolumn heading so I can highlight a specific word or words. This is what I have so far. Can you tell me where I can put the css code. This is the output that I wanted to produce. I tried it, and it worked, but I am not sure where to put it. I have tried it in the theme.liquid file and base.css. 

background: linear-gradient(

        to bottom,

        transparent 0%,

        transparent 55%,

        #e38cba 55%,

        #e38cba 55%

      );

[Small_Task_Help]

Hi,

Modifications in CSS and HTML structure can help

Example of CSS

.multicolumn-heading {
    /* Set up styles for multicolumn layout */
    column-count: 2; /* Example: Split into two columns */
    column-gap: 20px; /* Example: Gap between columns */

    /* Style for the heading */
    h2 {
        font-size: 24px; /* Example: Adjust font size */
        line-height: 1.5; /* Example: Adjust line height */
    }

    /* Style for highlighted words */
    h2 .highlight {
        color: #ff0000; /* Example: Highlight color */
        font-weight: bold; /* Example: Highlight font weight */
        /* Add additional styles as needed */
    }
}