@font-face{font-family:'FranchiseRegular';src:url('../fonts/franchise-bold-webfont.eot');src:local('☺'), url('../fonts/franchise-bold-webfont.woff') format('woff'), url('../fonts/franchise-bold-webfont.ttf') format('truetype'), url('../fonts/franchise-bold-webfont.svg#webfontpJ3jCjex') format('svg');font-weight:normal;font-style:normal}

body {
  padding: 2em;
  text-align: center;
}

#logo{font-weight: normal;text-transform:uppercase;font-family:'FranchiseRegular','HelveticaNeue-Bold','League Gothic','Impact',sans-serif;font-size:160px;line-height:1;margin-bottom:-32px;margin-left:10px;color:#c44032;text-shadow:#863027 -4px 4px 0;margin-top:30px;}
#logo span{display:inline-block;position:relative;letter-spacing:-1px;-webkit-transition:all 0.2s ease-out;}
#logo span:hover{top:3px}
.char2, .char10, .char15{color:#e36b23;text-shadow:#9b4d1f -4px 4px 0}
.char3, .char9, .char16, .char24{z-index:10;color:#e6c92e;text-shadow:#9c8b26 -4px 4px 0}
.char4, .char8, .char17, .char23{color:#5da028;text-shadow:#427021 -4px 4px 0}
.char5, .char7, .char19, .char22{color:#4584be;text-shadow:#2f597f -4px 4px 0}
.char6, .char20, .char21{color:#7073cf;text-shadow:#4a4d88 -4px 4px 0}

.char1{-webkit-transform:rotate(-3deg)}
.char3{top:-1px;-webkit-transform:rotate(2deg)}
.char4{top:-7px}
.char6{top:-7px;-webkit-transform:rotate(2deg)}
.char7{}
.char8{top:1px;-webkit-transform:rotate(-2deg)}

.char9, .char13, .char18{width:36px;}

.char10{-webkit-transform:rotate(2deg)}
.char12{top:2px;-webkit-transform:rotate(-3deg)}

.char14{-webkit-transform:rotate(-3deg)}
.char16{top:-1px;-webkit-transform:rotate(2deg)}
.char17{top:-7px}
.char19{top:-7px;-webkit-transform:rotate(-3deg)}
.char20{}
.char21{top:1px;-webkit-transform:rotate(-2deg)}
.char22{top:1px;-webkit-transform:rotate(2deg)}
.char24{top:-5px;-webkit-transform:rotate(-3deg)}