@charset "utf-8";
/* CSS Document */

body {background-color:#000000;
	width:100%;
	height:90%;
	left: 0px;
	margin: 0 auto;
	position: relative;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
body.loaded {
	opacity: 1;
}
a img {border: none; }
            A:link {text-decoration: none; color: white}
            A:visited {text-decoration: none; color: white}
            A:active {text-decoration: none; color: white}
            A:hover {text-decoration: none; color: #0FF;}
.MiddleContent
{
	width: 98%;
	height: 99%;
	left: auto;
	top: 0px;
	position: relative;
	border:groove;
	border-top-style:none;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-color:#099;
	border-width:thin;
	background-color:#000000;
	color:#eee;
	font:25px "helvetica neue", arial,sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}

.linkAd:hover{
            -moz-box-shadow: 0px 0px 5px 5px rgba(0,255,255,1);
				-webkit-box-shadow: 0px 0px 5px 5px rgba(0,255,255,1);
				box-shadow: 0px 0px 5px 5px rgba(0,255,255,1);
}
.picHolder {
	background:black;
	padding-left: 10px
}
.pic {
    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}     
.button-container {
	position: relative;
    display: flex;
    justify-content: center;
	align-items: center;  
}

.button-group {
    display: flex;
    justify-content: center;
	align-items: center; 
}

.button-group button {
    margin-right: 10px;
}

.button-group button:last-child {
    margin-right: 0; /* Ensuring the last button doesn't have a margin on its right */
} 
.divider{
	    flex-grow: 100;

}   
.ImageDivider{
  width: 20px;
}  
.Header-jpeg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 114px;
  object-fit: contain;
}
.PGText
{
  object-fit: contain;
  background-color:#00000000;
  position:relative;
}

.MiddleContentBottom
{
    display: relative;
	width:90%;
	margin: 0 auto;
	position: relative;
	color:#eee;
	font:20px/1.4 "helvetica neue", arial,sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.MiddleContentBottom p
{
	width:90%;

}
.Footer
{
	
	position: absolute;
	height:20px;
	left: 20px;
	bottom:5px;
	
	color:#eee;
	font:14px/1.4 "helvetica neue", arial,sans-serif;
	width:100%;
	margin:20px auto;
}

.content
{
	color:#eee;
	width:400px;
	margin:20px auto;

}
.PlayStoreButton 
{
	width: 245px; 
	height: 95px;
}

.AppStore
{
	margin: 0 auto;
	position: absolute;
	z-index:0;
	top: 150px;
	left:-10px;
	padding-left: 15px; 
	display: inline-block;
	overflow: hidden; 
	border-radius: 12px; 
	width: 203px; 
	height: 82px;
}
.AppStoreButton
{
	border-radius: 12px; 
	width: 203px; 
	height: 82px;
}

@media (max-width: 768px) {
    .AppStore
	{
		margin: 0 auto;
		position: absolute;
		z-index:0;
		top: 150px;
		left:-10px;
		padding-left: 15px; 
		display: inline-block;
		overflow: hidden; 
		border-radius: 12px; 
		width: 264px; 
		height: 107px;
	}
	.AppStoreButton
	{
		border-radius: 12px; 
		width: 264px; 
		height: 107px;
	}
	.PlayStoreButton 
	{
		width: 318px; 
		height: 124px;
	}

}


 .error
			{
            }

.CatImg
{
	margin: 0 auto;
	position: absolute;
	z-index:0;
	
	width: 103px;
	height: 82px;
	top: 22px;
	left:45px;
}
.CatImg2
{
	margin: 0 auto;
	position: absolute;
	z-index:0;
	
	width: 103px;
	height: 82px;
	top: 22px;
	left:880px;
}
.tablink
{
	background-color:#000000;
	border: none;
	padding-top: 15px;
}

.tab1 {
    tab-size: 2;
}