@font-face{
    font-family: 'XoloniumBold';
        src: url('fonts/Xolonium-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'XoloniumRegular';
        src: url('fonts/Xolonium-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#helPanel{
	position:fixed;
	left:40px;
	bottom:0px;
	z-index:10;
	width:40%;
	transform:rotate(-90deg);
	transform-origin: bottom left;
	transition: transform .5s, left .5s;
}
#helTxtPanel{
	color:rgb(255,107,45);
	background-color: rgba(0, 0, 0, 0.4);
	border-style: solid;
	border-width: 3px;
	padding: 1%;
	margin-bottom:3px;
	border-top-right-radius:25px;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	/*transition:backdrop-filter .5s, -webkit-backdrop-filter .5s;*/
}