@import url(/assets/c29f023777d3b32765e1166012e5aa3e57147cde.css);
* {
box-sizing: inherit;
margin: 0;
padding: 0;
position: relative;
}
@media only screen and (max-width:480px) {
.hide_on_mobile {
display: none !important;}
} #controls {
background-color: hsl(0,0%,10%); 
height: 10%;
right:0;
width: 100%;
line-height: 10%;
}
.video {
position: absolute;
top: 0;
right: 0;
left:0;
width: 100%;
height: 100%;
-webkit-transition: left 1s ease, top 1s ease;
-moz-transition: left 1s ease, top 1s ease;
-o-transition: left 1s ease, top 1s ease;
-ms-transition: left 1s ease, top 1s ease;
transition: left 1s ease, top 1s ease;
z-index: 5;
}
.aside {
position: fixed;
height: 20%;
width: 20%;
top: 75%;
right: 100%;
bottom: 5%;
left: 1%;
max-width: 260px;
min-width: 180px;
}
h1 {
padding: 1em;
}
.vid-wrap {
height: 90%;
background-color: hsl(0,0%,10%);
}
.vid-wrap > iframe {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
max-width: 854px;
}
.aside .vid-wrap {
top: 0;
width: 100%;
}
.aside h1 {
opacity: 0;
}
.aside #controls {
top: 0;
right:0;
width: 100%;
height:20%;
}
#hideStream {
padding: 0px;
background-color: hsl(0,0%,10%); 
z-index: 4;
width: 10%;
height: 100%;
position:absolute;
top:0;
right:0;
}
#hideStream:hover {
background-color: lightblue; 
}