@import url(MaxsFromWorkLite.css);footer,header{background:#000}.vid,header{overflow:hidden}#canvas,.vid iframe,header nav{position:absolute;right:0}body{background:#290a19}.channels button{background: #191919}header{position:relative}#canvas{top:0;width:100%;height:150%;animation:3s head;-webkit-animation:3s head}header nav{padding:12px;font-size:14px;top:0}header nav a,header>div{color:#eee;position:relative}header nav a{opacity:.6;-webkit-opacity:.6;padding:8px 0;margin:0 10px}.mod:hover,header nav a.ac,header nav a:hover{opacity:1;-webkit-opacity:1}header nav a.ac:after,header nav a:hover:after{content:'';position:absolute;bottom:0;right:0;width:100%;background:#880d03;height:5px;animation:.5s nav;border-radius:50px;-webkit-border-radius:50px;-webkit-animation:.5s nav;background:linear-gradient(272deg,#4b0200,#880d03)}@keyframes nav{0%{width:0}}@-webkit-keyframes nav{0%{width:0}}@keyframes head{0%{top:100%}}.light .mod span,.mod span:nth-child(2),header figure{display:none}header>div{z-index:2;padding:80px 40px;background:rgba(0,0,0,.6)}header img{padding-top:20px}header>div h2{margin:15px 0}header>div h2:before{content:'\e95b';margin-right:30px;font-family:maxs001}.mod{z-index:12;opacity:.5;position:fixed;background:#fff;padding:3px 20px;border-radius:50px;-webkit-opacity:.5;top:1em;left:1em;transition:.35s;-webkit-border-radius:50px;-webkit-transition:.35s}.mod span:after{content:'\e9d4';font-family:maxs001}footer{margin-top:5em!important;padding:2em 2em 5em;border-bottom:8px solid #4d0300}footer p{color:#ccc;display:inline-block}footer a{margin:0 5px;font-size:1em;color:#8c191c}footer img{margin:2em 0 1em}.cont-vid{margin-top:2em}.vid{width:100%;padding-top:56.6%;position:relative;border-radius:12px;-webkit-border-radius:12px;background-image:url('../img/player.png');background-size:60%;background-repeat:no-repeat;background-color:#000;background-position:center}.vid iframe{top:0;left:0;bottom:0;width:100%;height:100%}.channels{overflow-y:auto;max-height:200px;margin-bottom:20px;padding:16px 20px;background:#000;border-radius:16px;-webkit-border-radius:16px}.channels::-webkit-scrollbar{display:block}.channels::-webkit-scrollbar-thumb{background:#a41d21;background:linear-gradient(150deg,#4b0200,#880d03);border-radius:50px;-webkit-border-radius:50px}.channels button{width:100%;color:#ccc;margin:10px 0;display:block;text-align:right;border-radius:10px;padding:14px;-webkit-border-radius:10px}.channels button:after{float:left;content:'\ea15';font-family:maxs001}button.ac{font-weight:700;background:radial-gradient(#8c191c,#4b0200)!important}button.ac:after{content:'\e91d'}body.light{background:#f5f5f5}.light .channels,.light footer{background:#eee}.light header>div{background:rgba(0,0,0,.5)}.light .channels button{color:#222;background:#fff}.light button.ac{color:#fff}.light .vid{background-color:#eee}.light .mod{background:#ffeb3b}.light .mod span:nth-child(2){display:block}.light footer{border-color:#880d03}.light footer p{color:#222}@media all and (min-width:768px){header>div{padding:120px 40px}header nav{font-size:12px}header nav a{margin:0 16px}header figure{top:1;right:50%;z-index:1;display:block;position:absolute;transform:translateX(50%);-webkit-transform:translateX(50%)}.channels{max-height:640px}.cont-vid{margin:5em 2em}}@media all and (min-width:968px){.vid{padding-top:37.5%}}#copyright, #copyright a{color: #555; font-size: 20px}.mod{padding: 0}.mod span{padding: 14px 12px;display: block}