body,html{height:100%}body{margin:0;display:flex;flex-direction:column;background-color:#01004c;background-image:url("../../img/bg.jpg");background-attachment:fixed;background-size:cover;color:#fff;font-family:Arial,Helvetica,sans-serif}footer,header{background-color:rgba(0,0,0,.6);padding-left:1em;padding-right:1em}a{text-decoration:none;font-weight:700;color:#fff}.content a:hover{text-decoration:underline}.content h1,.content h2,div.box-container.related-container ul,div.box.dark,form.chat-input,form.vote-input,header a#logo{border-left:.6em solid #54c8ff}p.message{margin-top:.4em!important}button,input,select{background-color:#fff;border:.2em solid #54c8ff;color:#000;padding:.4em}.box-container{display:flex;flex-wrap:wrap;margin:-.2em;padding-bottom:1em}div.box-container.channels a{color:inherit;display:flex;flex:1;flex-basis:26em}div.box-container.channels a:hover{text-decoration:none}div.rank-large{width:100%;text-align:center;font-weight:700;background:rgba(255,255,255,.1);box-shadow:0 0 0 .05em rgba(255,255,255,.1) inset;padding:0;margin:1em;display:inline-block}div.rank-large img{padding:.3em;background:linear-gradient(135deg,#0094db 0,#315ffb 100%);box-shadow:0 0 0 .05em rgba(255,255,255,.1) inset}div.rank-large h2{margin:0 0 1em}div.rank-large.greyed{opacity:.3;transform:scale(.8)}div.box{background:rgba(255,255,255,.1);box-shadow:0 0 0 .05em rgba(255,255,255,.1) inset;outline-offset:-2px;border-bottom:.2em solid #54c8ff;display:inline-flex;margin:.2em;width:100%;flex:1;flex-direction:column;flex-basis:26em}div.box.dark{background:linear-gradient(135deg,rgba(0,0,0,.8) 90%,rgba(0,0,0,.2) 100%);display:inline}.box p{padding-left:1.1em;padding-right:1.1em}.box form{padding:.5em 1.1em}div.box.channel{text-align:center;font-weight:700;padding-top:1em;padding-bottom:2em;flex-basis:50%;background-size:cover}div.box.channel img{margin-left:auto;margin-right:auto}div.box-container.video-container>*{height:80vh}div.box-container.related-container ul{background:#000;margin:.2em!important;width:100%;padding:.5em 1em!important}div.box.linked-container ul{margin:.2em!important;padding:.5em 1em!important;text-align:center}div.box-container.related-container ul li,div.box.linked-container ul li{margin:.2em .3em;padding:.5em 1.5em;box-shadow:0 0 0 .05em rgba(255,255,255,.1) inset;background-size:cover}div.box-container.related-container ul,div.box.linked-container ul,header menu{display:flex;flex-wrap:nowrap;overflow-x:auto;list-style-type:none;margin:0;padding:0}div.box-container.related-container ul a:hover{transition-property:outline;transition-duration:.2s;outline:#54C8FF solid .2em;outline-offset:-0.3em}header li{display:flex;flex:0 0 auto;align-items:center}header a.user{font-weight:400;text-align:right;border-bottom:0}header a.user span img{float:left;margin-right:.6em;padding:.1em;max-height:2em;background:linear-gradient(135deg,#0094db 0,#315ffb 100%)}header a{font-size:120%;color:#fff;display:flex;padding:0 .5em;transition-property:border,color,background-color;transition-duration:.2s}header a.nav{font-weight:700;border-bottom:.2em solid rgba(84,200,255,.8);margin:0 .2em}header a#logo:hover,header a.nav:hover,header a.user:hover{background-color:rgba(255,255,255,.2);border-bottom-width:.6em;border-color:#54c8ff}header a#logo{background:rgba(255,255,255,.15);margin:0 .5em 0 0;padding:.2em .9em}header li.header-space{flex:1 1 auto}p.message{border-left:.3em solid #54c8ff;margin-left:1.1em;padding-left:.3em}p.message.admin{border-left-color:#ff0}.content{flex:1 0 auto;padding:1em}.content h1{background:linear-gradient(135deg,rgba(0,0,0,.866) 80%,rgba(0,0,0,.2) 100%);margin:0;padding:.3em;font-size:2em}.content h1 img{padding:0 .4em 0 .2em;width:1.2em;vertical-align:middle;float:left}.content h1.alert-error,.content h2.alert-error{border-left-color:red}.content h2{margin:0 1.2em;border-right:.6em solid transparent}.content h2,.login-prompt{background-color:#000;padding:.3em .5em;font-size:1em}.content h1.alert-danger,.content h2.alert-danger{border-left-color:orange}.login-prompt{border-left:.6em solid orange}.content p{margin-top:.75em;margin-bottom:.75em}.content menu{list-style-type:none;padding-left:1.1em;padding-right:1.1em;margin:.4em .1em .8em}.content menu li{background:rgba(255,255,255,.1);box-shadow:0 0 0 .05em rgba(255,255,255,.1) inset;margin:.2em 0;padding:.2em 1.1em}footer{text-align:center;padding:.5em 0;flex-shrink:0}div.channel.video{position:relative;overflow:hidden;background:0 0;transition-property:border,color,background-color;transition-duration:.2s}div.channel.video:hover{background-color:rgba(255,255,255,.2)}div.channel video{position:absolute;min-height:100%;min-width:100%;top:0;z-index:-1;object-fit:cover}.sources .vjs-icon-placeholder:before{content:'\F110';font-family:VideoJS}div#chat{overflow-y:auto;height:100%}div#chat p{margin-top:.4em;margin-bottom:.4em}form.chat-input,form.vote-input{display:flex;padding:.5em;margin-top:auto;background-color:#000}.box form input{flex:1 0 auto}.box form button{margin-left:.3em}