Letterpress effect with CSS

Question

I want to make a letterpress effect like this: in CSS. but I can't seem to find the right text-shadow for it.

Color of the word: #2f4050 Color of the background: #4f6478

i've tried it with:

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    text-shadow:#4f6478 0 1px 5px; 
}

but that doesn't seem to do the trick.

Answer 1

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    text-align:center;
    text-shadow: 0 1px 1px #fff; 
}

That should do it. Btw. you don't have to declare the "normal" value pairs

Answer 2

There are two shadows. Try something like

text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5);

This should give a transparent white shadow to the bottom right and a transparent black inner shadow to the top left.