/*//////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////
// Twitchie v1.0
// Description: Simple & customizable one-page website template made for Twitch streamers.
// Author: Joshua Schaible (aka BadBadRobot)
// Website: http://twitchie.tv
// Support: hello@twitchie.tv
// Twitter: http://twitter.com/thebadbadrobot
// Updated: Sakefox
////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////*/

body,html{height:100%}body{margin:0;padding:0;background:#000;color:#fff;font-size:100%;line-height:1.25em;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.cf:after,.cf:before,.container:after,.container:before{content:"";display:table}.cf:after,.container:after{clear:both}.cf,.container{zoom:1}#header ul#nav li a:hover,.accent,.btn:hover{background:#9e2121;color:#fff}.btn:hover{border-color:#9e2121}.container{padding:0 3%}#header{position:absolute;z-index:100;top:0;left:0;width:100%;box-sizing:border-box;padding:40px 35px}#header #displayname{margin:0;font-size:137%;font-weight:600;letter-spacing:2px;text-transform:uppercase}.label{font-family:Arial,sans-serif;font-size:54%;letter-spacing:1px;padding:0 8px;border-radius:1em;-webkit-border-radius:1em;-moz-border-radius:1em;white-space:nowrap;vertical-align:middle;font-weight:700;margin-top:-4px;display:inline-block}#header ul#nav{margin:2px 0 0;padding:0}#header ul#nav li{display:inline-block;list-style:none;font-size:120%}#header ul#nav li a{padding:3px 8px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;transition:background .3s ease}#content{box-sizing:border-box;padding:132px 0;width:100%;height:100%;display:table;text-align:center;background:rgba(0,0,0,.7)}#content .container{display:table-cell;vertical-align:middle}.avatar{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-bottom:25px;width:145px;height:145px}.name{color:#eee;font-size:104%;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 7px;line-height:1.5em}.status{font-size:220%;line-height:1.3em;font-weight:300;letter-spacing:0;margin:0 0 20px}.btn{padding:15px 24px;border:1px solid #FFF;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;font-size:100%;text-transform:uppercase;letter-spacing:2px;font-weight:700;white-space:nowrap;vertical-align:middle;display:inline-block;transition:background ease .3s}.live{background:#9e2121;border:none;-webkit-animation:pulse 2s infinite;-moz-animation:pulse 2s infinite;-o-animation:pulse 2s infinite;animation:pulse 2s infinite}.label .rec{font-size:20px;line-height:19px;vertical-align:middle;margin-right:3px}@-webkit-keyframes pulse{from{opacity:1;-webkit-box-shadow:0 0 12px #9e2121}50%{opacity:.8;-webkit-box-shadow:none;:0 0 0 #9e2121}to{opacity:1;-webkit-box-shadow:0 0 12px #9e2121}}@-moz-keyframes pulse{from{opacity:1;-moz-box-shadow:0 0 12px #9e2121}50%{opacity:.8;-moz-box-shadow:none;:0 0 0 #9e2121}to{opacity:1;-moz-box-shadow:0 0 12px #9e2121}}@-o-keyframes pulse{from{opacity:1;-o-box-shadow:0 0 12px #9e2121}50%{opacity:.8;-o-box-shadow:none;:0 0 0 #9e2121}to{opacity:1;-o-box-shadow:0 0 12px #9e2121}}@keyframes pulse{from{opacity:1;box-shadow:0 0 12px #9e2121}50%{opacity:.8;box-shadow:none;:0 0 0 #9e2121}to{opacity:1;box-shadow:0 0 12px #9e2121}}#footer{position:absolute;z-index:100;bottom:0;left:0;width:100%;box-sizing:border-box;padding:14px 30px}#footer p{font-size:80%;color:#FFF;font-weight:600;opacity:.4;transition:opacity ease .3s;line-height:1em}#footer p:hover{opacity:.8}#footer .left{float:left}#footer .right{float:right}@media (min-width:801px){#header #displayname{float:left}#header ul#nav{float:right}#header ul#nav li{margin-left:21px}#header ul#nav li#inactive{rotate:180deg;opacity:.5}}@media (max-width:800px){#header{padding:24px 20px 20px}#header #displayname{text-align:center}#header ul#nav{margin:20px auto 0;text-align:center}#header ul#nav li{margin:0 4px 12px}}@media (max-width:750px){.name{font-size:100%}.status{font-size:200%}.btn{width:80%}.avatar{width:120px;height:120px}#footer p{font-size:60%;padding:0 0}}