vintage text style #css

by benroe

HTML

<div id="main">
       
           <div id="heading">
                <h1>Typestace Headline</h1>
                <div id="byline">Looks Pretty Cool</div>
                <div id="strike"></div>
                <div id="retro">This is Super Retro Now!</div>
                <div id="small">I could do this all day long, but i shouldn't</div>
           </div>
       
       </div>

CSS

html{
            background-color: #150d04;
            /* WebKit CSS hack to produce anti-aliased text */
            -webkit-text-stroke: 1px transparent;
        }
        
        h1{ 
            font-family: 'Bevan', arial, serif;
            font-size: 50px;
            color: #fceac4;
            letter-spacing: 3px;
            text-transform: uppercase;
            text-shadow:
                -1px 1px 0 #c45214,
                -2px 2px 0 #c45214,
                -3px 3px 0 #c45214,
                -4px 4px 0 #c45214;
        }
        
        #byline{ 
            font-family: 'Maven Pro', arial, serif; 
            font-size: 30px;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: #fceac4;
            background-color: #150d04;
            padding: 0px 20px;
            display: inline-block;
        }
        
        #main{
            width: 800px;
            margin: 0 auto;
            text-align: center;
            margin-top: 100px;
        }
        
        #heading{
            border-top: 3px solid #c45214;
            border-bottom: 3px solid #c45214;
            padding: 40px 0px;
            height: 250px;
        }
        
        #strike{
            background-color: #c45214;
            clear: both;
            width: 717px;
            z-index: -1;
            height: 15px;
            margin: -25px 0 0 40px
        }
        
        #retro{ 
            font-family: 'Redressed', arial, serif;
            font-size: 55px;
            letter-spacing: 3px;
            margin-top: 15px;
            color: #fceac4;
            text-transform: uppercase;
            text-shadow:
                1px 1px 0 #150d04,
                2px 2px 0 #150d04,
                3px 3px 0 #94f7f4,
                4px 4px 0 #58bfbc,
                5px 5px 0 #58bfbc;
        }
        
        #small{
            font-family: 'Bevan', arial, serif; 
            padding: 4px 0px;
            letter-spacing:...