html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background:#e9e9e9;position:relative}.container{width:100%;display:flex;flex-direction:column;justify-content:center}.player{position:relative;width:550px;height:375px}@media only screen and (max-width: 720px){.container{margin-top:40px}}@media only screen and (max-width: 600px){.container{margin-top:20px}}.custom-navbar{padding-top:15px;display:flex;align-items:center;justify-content:space-between}.header{padding:10px 15px;background:rgba(0,0,0,.9);box-shadow:0 0 40px rgba(0,0,0,.03)}.header .navbar-links{display:inline-block;text-transform:uppercase}.header .navbar-links a{padding:0 15px;color:#fff;text-align:center;text-decoration:none;font-weight:400;letter-spacing:2px;font-size:14px;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-ms-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.header .navbar-links a:hover{color:#ffcb39}.header .navbar-buttons span,.header .navbar-buttons a{padding:0 15px;text-transform:uppercase;color:#fff;text-align:center;text-decoration:none;letter-spacing:2px;font-size:14px;font-weight:400}.header .navbar-buttons span.btn-logout,.header .navbar-buttons a.btn-logout{padding:5px 25px;border:1px solid #ffcb39;border-radius:100px;margin:10px}.header .btn-go-home{position:relative;z-index:200;margin:15px auto;width:100px;padding:10px 15px;border:1px solid #ffcb39;border-radius:100px;font-weight:400;display:block;color:#fff;text-align:center;text-decoration:none;letter-spacing:2px;font-size:11px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.header .btn-go-home:hover{background-color:#ffcb39;color:#fff;transform:scale(1.05);box-shadow:0 20px 20px rgba(0,0,0,.1)}@media only screen and (max-width: 720px){.brand-logo,.btn-username{display:none}}@media only screen and (max-width: 600px){.custom-navbar{text-align:center}}.menu-canals{display:flex;justify-content:center;align-items:center;max-width:720px;margin:0 auto}.menu-canals ul{list-style:none;display:flex}.menu-canals li{position:relative;padding:15px 10px}.menu-canals a{color:#555;text-transform:uppercase;text-decoration:none;font-size:24px;font-weight:600;letter-spacing:.15em;white-space:nowrap;display:inline-block;padding:15px 40px;position:relative}.menu-canals a.tag{display:block;padding:.3em .85em;margin:.5em;border:3px solid #28242f;border-radius:2em;transition:transform .2s;transition-timing-function:cubic-bezier(.45,-.85,.55,-.45)}.menu-canals a.tag:hover{transform:scale(1.2)}.container>.video-wrapper{margin-top:80px}.video-wrapper{width:768px;max-width:100%;margin:auto}.video-wrapper .video-container{position:relative;overflow:hidden;height:0;padding-bottom:56.25%}.video-wrapper .video-container video{position:absolute;top:0;left:0;width:100%;height:100%}