html, body {
         font-family: "Lato";
         padding:0;
         margin:0;
         background-color:#000;
         overflow:hidden;
         color:#fff;
         font-size:1em;
         }
         a {
         text-decoration:none;
         font-weight:400;
         color:inherit;
         cursor:pointer;
         }
         p {
         margin: 0 0 10px 0;
         }
         .videobg {
         position:relative;
         width: 56.25vh;
         max-width: 100%;
         margin:0 auto;
         overflow: hidden;
         height:100vh;
         }
         .videobg video {
         height:100vh;
         position: absolute;
         right: 0;
         }
         .dock {
         position:fixed;
         z-index:9;
         width:56.25vh;
         max-width: 100%;
         height:65px;
         top:calc(100vh - 65px);
         left: 50%;
         transform: translateX(-50%);
         background:rgba(0,0,0,0.7);
         margin:0 auto;
         display:flex;
         }
         .menu-item {
         width:25%;
         padding:10px;
         text-align:center;
         font-size:.7em;
         text-transform:uppercase;
         }
         .menu-item img {
         width:28px;
         }
         .logo {
         position:absolute;
         left:25px;
         top:25px;
         z-index:9;
         }
         .bottom_left {
         position:absolute;
         left:25px;
         bottom:75px;
         width:fit-content;
         display:flex;
         flex-direction:column;
         }
         .bottom_right {
         position:absolute;
         right:0;
         bottom:65px;
         width:65px;
         display:flex;
         flex-direction:column;
         justify-content: flex-end;
         }
         .bottom_right .menu-item {
         width:100%;
         padding:20px 0;
         }
         .live {
         height:32px;
         width:32px;
         border-radius:50%;
         background: linear-gradient(145deg, #00ff00, #00fff6);
         padding:3px;
         margin:auto;
         overflow:hidden;
         box-shadow: 0 0 0 0 rgba(0, 255, 0, 1);
         transform: scale(1);
         animation: pulse 2s infinite;
         }
         @keyframes pulse {
         0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);
         }
         70% {
         transform: scale(1);
         box-shadow: 0 0 0 10px rgba(0, 255, 0, 0);
         }
         100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
         }
         }
         .live,
         .live_thumb,
         .live_tag,
         .user,
         .follow {
         display:block;
         }
         .user {
         display:flex;
         flex-direction:row;
         align-items: center;
         margin-bottom:10px;
         }
         .live_thumb {
         position:absolute;
         height:32px;
         width:32px;
         background-size:100%;
         border-radius:50%;
         }
         .live_tag {
         position:absolute;
         display:block;
         background:#00ff00;
         width:100%;
         font-size:.4em;
         font-weight:700;
         border-radius: 50% 50% 0 0;
         }
         .follow {
         padding:5px 10px;
         background-color:rgba(255,255,255,.5);
         border:1px solid #fff;
         border-radius:5px;
         margin-left:15px;
         cursor:pointer;
         font-size:.7em;
         }
         .following {
         padding:5px 25px 5px 10px;
         background-image:url('../assets/check.svg');
         background-repeat:no-repeat;
         background-position:93%;
         background-size: 16px;
         }
         .cta,
         .pop {
         position:fixed;
         top:100px;
         left: 0;
         right: 0;
         display:flex;
         flex-direction:row;
         align-items: center;
         justify-content: center;
         border:2px solid #fff;
         background:rgba(255,255,255,0.3);
         border-radius:20px;
         width:80%;
         max-width:40vh;
         margin:25px auto;
         z-index:100;
         padding:25px;
         text-shadow: 0px 2px 2px rgba(0, 0, 0, .8);
         box-shadow: 0px 3px 5px rgba(0, 0, 0, .8);
         }
         .cta {
         top:initial;
         bottom:160px;
         width:50%;
         max-width:30vh;
         text-align:center;
         display: block;
         border:2px solid rgba(100,255,150,1);
         background:rgba(100,255,150,0.4);
         display:none;
         }
         .keys {
         width:20%;
         margin-right:10px;
         filter: drop-shadow( 0px 2px 2px rgba(0, 0, 0, .8));
         }