html{height:100%;position:relative}body{min-height:100%;position:relative;margin:0;padding:0;background:#111;font-family:Courier, "Courier New", Serif}body *{box-sizing:border-box}h1{color:#ddd;font-weight:100;margin-top:0}@media screen and (max-width: 640px){h1{font-size:16px}}a{color:#ddd;text-decoration:none}a:hover{text-decoration:underline}.page-wrapper{width:100%;max-width:1420px;margin:0 auto;padding:20px 20px 60px 20px}@media screen and (max-width: 640px){.page-wrapper{padding:10px 10px 60px 10px}}.player-wrapper{position:relative;width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;margin-bottom:20px}.player-wrapper iframe{background-color:#111;}@media screen and (max-width: 640px){.player-wrapper{flex-wrap:wrap}}.player-wrapper #videoplayer{width:100%}.player-wrapper #chat{width:100%;max-width:350px}.other-streams{width:100%;max-width:1400px;margin:0 auto 20px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap}@media screen and (max-width: 640px){.other-streams{flex-wrap:wrap;margin:0 auto 0}}.other-streams .stream-preview{width:100%;position:relative;overflow:hidden}.other-streams .stream-preview:hover img{transform:scale(1.2)}@media screen and (min-width: 641px){.other-streams .stream-preview:not(:last-of-type){margin-right:20px}}@media screen and (max-width: 640px){.other-streams .stream-preview{margin-bottom:10px}}.other-streams .stream-preview img{transition:transform 0.3s cubic-bezier(0, 0, 0.3, 1);width:100%}.other-streams .stream-preview .stream-preview-inner{position:absolute;bottom:0;left:0;right:0;overflow:hidden;text-overflow:ellipsis;color:#ddd;padding:5px;background:rgba(0,0,0,0.75)}.other-streams .stream-preview .stream-preview-link{position:absolute;top:0;left:0;width:100%;height:100%}.footer{position:absolute;bottom:0;left:0;width:100%;height:40px;background:#222;line-height:40px;font-size:11px;color:#ddd;padding:0 20px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap}.box{background:#222;padding:20px;color:#ddd;font-size:12px;text-align:justify;margin-bottom:20px}@media screen and (max-width: 640px){.box{padding:10px}}.box p{line-height:1.6em}.box p:first-of-type{margin-top:0}.box p:last-of-type{margin-bottom:0}.box a{text-decoration:underline;color:#905edd}.box a:hover{text-decoration:none}