Giving Headline Text an Embossed or Drop Shadow Look

Site URL: https://www.risingfirefly.org/

Does anyone know how to code in so that all headline text has an embossed or drop shaddow look? I would like all of my headline text to pop off the page like my logo 

Do you know a site with this effect? 

I haven't figured out what code to use yet, but if I know of a site that already has this effect, I can see how they use the code.

@tuanphan I am trying to get the effect to look like this (attached)

it looks like theres a thread about it but none of those codes worked: 

I also want to make the nav text bigger on one line without it dropping to two lines 

I also want to be able to give the headline text a shaddow so i dont have to upload each headline as an image (which I am currently going to do without this code)

Try Design > Custom CSS

nav.header-nav-list {
    text-shadow: 0px 0px 9px red;
}