html,body {
   margin:0px;
   padding:0px;
   height:100vh;
   background-color:#000;
}
iframe {
   position:absolute;
   border:none;
   border-width: 0;
   width:875px;
   max-width:67vw;
}
.tv {
   z-index:1;
   height:100vh;
   top:0px;
}
.name {
   color:#FF0;
}
.text {
   z-index:2;
   height:calc(100vh - 625px);
   bottom:0px;
   background-color:#000;
}
a,a:visited {
   color:#FFF;
}
.hidden {
   display:none;
}
.chat form {
   pointer-events: all;
   position:inherit;
   bottom:0px;
   right:0px;
   width:calc(100% - 875px);
   display:flex;
}
h1 {
   margin:auto;
   text-align:center;
}
#caption {
   width:100%;
}
#login {
   position: fixed;
   top:0px;
   right:0px;
}
.chat {
   position:fixed;
//   pointer-events: none;
   right:0px;
   bottom:1em;
   max-height:90vh;
   overflow:auto;
   width:calc(100% - 875px);
   min-width:33vw;
   z-index:2;
   color:limegreen;
   float: right;
   font-size:2vw;
}