Comic 2 Kindle

c2k.css

@import url(http://fonts.googleapis.com/css?family=Knewave|Amatic+SC:700|Chewy|Cherry+Cream+Soda);

body { background:#777; }
#logo {
    position:relative;
    margin:40px auto;
    text-align:center;
    color:#FFF;
	width:330px;
}
.comic {
   font:bold 3.2em 'Knewave';
   z-index:10;
   margin:0 45px 0 0;
}
.toarrow {
    position:absolute;
    z-index:100;
    top:24px;
    left:145px;
}
.toarrow .to {
    background:#222;
    padding:4px 10px 4px 14px;
    margin:10px 0 0 0;
    text-transform:uppercase;
    font:bold italic 1em 'Amatic SC';
    float:left;
	text-shadow:0px 1px 0px #000;
}
.toarrow .triangle {
    width:0;
    height:0;
    border-top:24px solid transparent;
    border-bottom:24px solid transparent;
    border-left:24px solid #222;
    float:left;
}
.kindle {
    font:3.2em 'Helvetica';
    text-transform:lowercase;
    z-index:10;
	position:relative;
	top:2px;
}

c2k.html

<div id="logo">
		<span class="comic">Comic</span>
	<div class="toarrow">
		<span class="to">to</span>
		<span class="triangle"></span>
	</div>
	<span class="kindle">Kindle</span>
</div>