How to create drop shadow on header 7.1

Site URL: https://www.wisdom2be.com

I did find how to create a header with 3D looking shadow but it was for 7.0.  Any suggestions for 7.1

Add to Design > Custom CSS

/* header shadow */
header#header {
    box-shadow: 3px 4px 5px rgb(0 0 0 / 50%);
}

This is what I get when I enter the code:

for evaluating function `rgb`: color functions take numbers as parameters

Secondary question:  is there a way to adjust the "degree of the shadow" created?

Try new code

/* header shadow */
header#header {
    box-shadow: 3px 4px 5px rgba(0,0,0,0.5);
}

Works great!  And I can adjust the look of the shadow.  Take a look: www.wisdom2be.com

I would like to do the same with the bottom header.  Would you mind sending me the code do create that same effect on the "top of the bottom header?"

13 hours ago, Lecreesma said:

Works great!  And I can adjust the look of the shadow.  Take a look: www.wisdom2be.com

I would like to do the same with the bottom header.  Would you mind sending me the code do create that same effect on the "top of the bottom header?"

Where is bottom header???

I'd like to have the same drop shadow on top of this header (top horizontal edge from end to end) to give it the same 3D look as the top