@CHARSET "UTF-8";

body {font-family:helvetica, arial, sans-serif; margin:0; padding:0; }
#Settings, #body {display:none;overflow:hidden;}
#body {position:absolute; height:100%; width:100%; overflow:hidden;}
div {overflow:hidden;}

#ImageContent {position:relative; top:20%; bottom:20%; left:20%; right:20%; width:60%; height:60%; text-align: center; box-sizing:border-box;overflow:hidden;}
#ImageContent img {height:100%; width:auto;}

#ImageContent.FullImage {
    top:0;bottom:0;left:0;right:0;width:100%;height:100%;
}

.Rotate {
	-webkit-transform: rotate(-90deg) translateY(150%);
	-moz-transform: rotate(-90deg) translateY(150%);
	-ms-transform: rotate(-90deg) translateY(150%);
	-o-transform: rotate(-90deg) translateY(150%);
	transform: rotate(-90deg) translateY(150%);
	text-align:center;
	box-sizing:border-box;
	}

.Headers .Headers {background:none;}
.RecBar {flex: 0 0 1vw; height:2em;}
.Record {flex: 1 0 40vw; text-align:right; padding:0 0.5em; font-size:85%;}

#navbuttons{
position:fixed;
top:20px;
left:0;
width:100%;
display:flex;
justify-content:space-between;
z-index:9999;
pointer-events:none;
}

.navbtn{
font-size:70px;
background:rgba(0,0,0,0.6);
color:white;
border:none;
padding:10px 40px;
cursor:pointer;
pointer-events:auto;
}