/* =========================
START MAIN
========================= */

html,
body{

margin:0;

padding:0;

width:100%;

height:100%;

overflow:hidden;

background:black;

font-family:Arial;

}




.videoScreen{

position:fixed;

top:0;
left:0;



width:100vw;

height:100vh;



background:black;

overflow:hidden;

}




.sceneWrap{

position:absolute;

top:50%;
left:50%;



width:1600px;

height:900px;



transform:

translate(-50%,-50%);



transform-origin:center center;



overflow:hidden;

}




*{

box-sizing:border-box;

}
/* NAV BUTTONS */

#prevBtn,
#nextBtn{

position:absolute;

top:50%;

transform:translateY(-50%);

width:60px;

height:60px;

border:none;

border-radius:50%;

font-size:28px;

font-weight:bold;

background:rgba(255,0,0,.8);

color:white;

cursor:pointer;

z-index:999;

}




#prevBtn{

left:15px;

}




#nextBtn{

right:15px;

}




@media(max-width:768px){

#prevBtn,
#nextBtn{

width:48px;

height:48px;

font-size:22px;

}

}
/* HIDDEN NAV BUTTONS */

#prevBtn,
#nextBtn{

position:absolute;

width:1px;

height:1px;

opacity:0;

pointer-events:auto;

z-index:-1;

}
/* =========================
END MAIN
========================= */