body{
    margin:0;
    padding:0;
    background: #000;
}
#frame{
    max-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}

#content {
	position: relative;
}

#captions {
	font-family:"Poppins SemiBold";
	color:#FFFFFF;
	text-align:center;
	border-radius:0 0 1.43em 1.43em;
	background-color:rgba(0,53,124,0.9);
	z-index:10;
	display:none;
}


#captiontext {
	padding:0 0.5em;
	margin:auto;
}

#captioncontainer {
	position:absolute;
	display:flex;
	width:100%;
	justify-content:center;
	pointer-events:none;
}
#captioncontainer.bottom {
	bottom: 0;
}
#captioncontainer.bottom #captions {
	border-radius:1.43em 1.43em 0 0;
}


@font-face {
    font-family: "Poppins SemiBold";
    src: url("fonts/Poppins-SemiBold.ttf");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Poppins Medium";
    src: url("fonts/Poppins-Medium.ttf");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Poppins";
    src: url("fonts/Poppins-Regular.ttf");
    font-style: normal;
    font-weight: 400;
}

.fontload {
	position: absolute;
	top: 0;
	left: 0;
}
.poppins {
	font-family: "Poppins";
}
.poppins_med {
	font-family: "Poppins Medium";
}
.poppins_semi {
	font-family: "Poppins SemiBold";
}