Embossed Text shadow Effect

by Yoosuf Muhammad

HTML

<script src="http://fonts.googleapis.com/css?family=Hanalei"></script>
<script src="http://fonts.googleapis.com/css?family=Hanalei"></script>
<h1>Hello!</h1>

CSS

body{
    background: #383838;
    padding: 40px 0px;
    text-align: center;
}

h1{
     text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
        color: #9c8468;
        opacity: 0.3;
        font: 80px 'Hanalei', cursive;
}