:root {
  --webgl-iframe-height: 600px;
  --webgl-iframe-width: 960px;
}

#sim_bg_par
{
	margin: 0px;
	padding: 0px;
	position:fixed;
	height:100vh;
	width:100vw;
	background: rgba(0,0,0,1);
	z-index: -2;
}

#sim_bg
{
	margin: 0px;
	padding: 0px;
	height:150%;
	width:200%;
	background-size: cover;
	background-repeat:no-repeat;
	background-image: url("bg.jpg");
	background-position: 70% 0px;
	z-index: -1;
}

/*@media (max-width : 800px) 
{
	#sim_bg { 
		background-image: url("bg-mobile.jpg")
	}
}*/

@media screen and (orientation : portrait) {
	#sim_bg { 
		/*background-size: auto 100vh;*/
		background-position: 96% 0px;
	}
}

#description {
  margin: auto;
  margin-top: .5vh;
  padding: 0;
  padding: 2vh 2vw 2vh 2vw;
  width: 80vw;
  max-width: 800px;
  font-size: 18px;
  line-height: 25px;
}

#pagetitle2 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 800px;
  padding: 20px;
  overflow: hidden;
  border: none;
  font: normal 50px/1 "Times New Roman", Times, serif;
  color: rgba(255,195,170,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6) ;
  text-align: center;
}

a:link {
    color: #E9C577;
    text-decoration: none;
}
a:hover {
    color: #a6afcb;
    text-decoration: none;
}

.madewith_apptittle{
	font-size:40px;
	font-weight: bold;
	color: #ffe6cc
}

.madewith_app_badge_img{
	width: 80%; 
	max-width: 300px
}

.webgl-iframe-sizing {
    width: var(--webgl-iframe-width); 
    height: var(--webgl-iframe-height); 
	max-width: 100vw; 
}

#webgl-iframe-parent-parent {
	width: 100%; 
	height: 660px; 
	padding-top: -30px;
	padding-left: -30px;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webgl-iframe-parent {
	display: flex;
	justify-content: center;
	align-items: center;
    background-color: #000000F0;
}

#webgl-iframe {
	border: none; 
    position: relative;
	box-shadow: -7px -7px 8px black;
}

#webgl-play-button {
    position: absolute;
    background-color: #555;
    color: white;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}

#webgl-play-button:hover {
    background-color: black;
}

