body{
    padding:0;
    margin:0;
    background-color: #000;
}
  
.container{
    /*    position:relative;
    height:100vh;
    overflow:hidden;*/
}

#logo { 
    position: fixed;
    right: 0px;
    top: 0px;
}

.bgvid{
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100vw;
    min-height: 100vh;
}

.inner-container{
    width:400px;
    height:400px;
    position:absolute;
    top:calc(50vh - 200px);
    left:calc(50vw - 200px);
    overflow:hidden;
}

.bgvid.inner{
    position: absolute;
    top: calc(-50vh + 200px);
    left: calc(-50vw + 200px);
    min-width: 100vw;
    min-height: 100vh;
    overflow: hidden;

    -webkit-filter:blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter:blur(10px);
}

.box{
    position:absolute;
    height:100%;
    width:100%;
    font-family:Helvetica;
    color:#fff;
    background:rgba(0,0,0,0.13);
    padding:30px 0px;
}

.box h1 {
    text-align:center;
    margin:30px 0;
    font-size:50px;
}

#timeleft {
    font-family:Helvetica;
    font-size:20px;
    color: #fff;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #900;
    border: solid 1px;
    padding: 10px;
}

#chatbar {
    font-family:Helvetica;
    font-size:15px;
    color: #000;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #999;
    border: solid 1px;
    padding: 10px;
    width: 800px;
    cursor: pointer;
}

.box input{
    display:block;
    width:300px;
    margin:20px auto;
    padding:15px;
    color:#000;
    border:0;
    border-radius: 2rem;
}

.box input:focus,.box input:active,.box button:focus,.box button:active{
    outline:none;
}

.box button{
    background:#900;
    border:0;
    color:#fff;
    padding:10px;
    font-size:20px;
    width:330px;
    margin:20px auto;
    display:block;
    cursor:pointer;
    border-radius: 2rem;
}

.box button:active{
    background:#27ae60;
}

.box p{
    font-size:14px;
    text-align:center;
}

.box p span{
    cursor:pointer;
    color:#666;
}

#form { background: rgba(0, 0, 0, 0.15); padding: 0.25rem; position: fixed; bottom: 0; left: 0; right: 0; display: flex; height: 3rem; box-sizing: border-box; backdrop-filter: blur(10px); }
#input { border: none; padding: 0 1rem; flex-grow: 1; border-radius: 2rem; margin: 0.25rem; }
#input:focus { outline: none; }
#form > button { background: #333; border: none; padding: 0 1rem; margin: 0.25rem; border-radius: 3px; outline: none; color: #fff; }

#messages { list-style-type: none; margin: 0; padding-bottom: 50px; color: #fff; }
#messages > li { padding: 0.5rem 1rem; }
/*#messages > li:nth-child(odd) { background: #efefef; color: #000; } */