@font-face {
    font-family: yekan;
    src: url("../font/Yekan.ttf");
  }
.loading {
	z-index: 999;
	height: 100%;
	position: absolute;
	width: 100%;
	background: #fb3b13;
	}
    .loading .child {
        left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		z-index: 999;
    }
	
	
@media (orientation: landscape) {
	#portrait-loading-img {
		display: none;
	}
	#landscape-loading-img {
		display: block;
	}
	.loading .logo-img {
		bottom: 0;
		left: 76%;
		width: 15%;
		max-width: 200px;
	}
	.loading .title-box {

		top: 25%;
		position: relative;
		width: fit-content;
		left: 76%;
	}
	.loading .game-title {
		color: #fff;
		  font-size: 27px;
		text-shadow: 0px 2px 2px rgb(0 0 0 / 42%);
		font-family: yekan;
		width: 300px;
		text-align: center;
		top: 17%;
	}
	.loading-child {
		width: 100%;
		height: 100%;
	}
	#myProgress {
		background-color: #ddd;
		min-width: 150px;
		width: 37%;
		border-radius: 15px;
		z-index: 9999;
		position: absolute;
		top: 90%;
		left: 37%;
		padding: 3px;
		box-shadow: inset 0px 0px 3px rgb(0 0 0 / 50%);
		transform: translate(-50%, -50%);
	}

	#myBar {
		width: 0;
		height: 15px;
		background-color: #fd900f;
		border-radius: 15px;
		z-index: 9999;
	}
}
@media (orientation: portrait) {
	#portrait-loading-img {
		display: block;
	}
	#landscape-loading-img {
		display: none;
	}
	.loading .logo-img {
		top: 90%;
		max-width: 130px;
		width: 40%;
	}
	.loading .title-box {
		top: 10%;
        position: relative;
        width: fit-content;
	}
	.loading .game-title {
		color: #fff;
		font-size: 28px;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.42);
        font-family: yekan;
        width: 300px;
		text-align: center;
        top: 17%;
	}
	.loading-child {
		width: 100%;
		height: 100%;
	}
	#myProgress {
		background-color: #ddd;
		min-width: 300px;
		border-radius: 15px;
		z-index: 9999;
		position: absolute;
		bottom: 20%;
		left: 50%;
		padding: 3px;
        box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.5);
		transform: translate(-50%, -50%);
	}

	#myBar {
		width: 0;
		height: 15px;
		background-color: #fd900f;
		border-radius: 15px;
		z-index: 9999;
	}
}