body{
	margin: 0;
	padding: 0;
	background: rgb(235, 235, 235);
}
button{
	cursor: pointer;
}


.topNavigation{
width: 100%;
height: 50px;
background: rgb(39, 39, 39);
position: fixed;
z-index: 2;
color: white;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
box-shadow: 0px 5px 0px  rgb(61, 61, 61);
}
.sideNavigation{
width: 100px;
height: 100%;
position: fixed;
background: #1f1f1f;
	box-shadow: 10px 0px 0px rgb(211, 211, 211);
}
.contentHolder{
	/* border-top-right-radius: 5px;
	border-top-left-radius: 5px; */
	margin: 0px;
	width: 85%;
	height: 700px;
	position: absolute;
	background: rgb(241, 241, 241);
	border: none;
	left: 55%;
	top: 80%;
	z-index: -1;
	transform: translate(-50%, -50%); 
	box-shadow: 0px -7px 0px rgb(204, 204, 204);
}
.titleD{
	left: 5px;
	top: -9px;
	position: absolute;
}

.ContentBanner{
	image-rendering: crisp-edges;
overflow: hidden;
width: 100%;
	left: 50%;
	top: 0%;
	position: absolute;
	transform: translate(-50%, -50%); 
height: 100px;
background-image: linear-gradient(to left, blue, lightblue); 
border: 10px solid rgb(235, 235, 235);
}
.ContentBanner::-webkit-scrollbar{
	display: none;
}

.ContentBannerInfo{
	height:30px;
	width: 30px;
	border: none;
	font-size: 20pt;
	background: white;
	font-family: 'Times New Roman', Times, serif;
	position: relative;
	z-index: 5;
	border-bottom-right-radius: 2vh;
}
.CrossOverBanner{
	top: -10px;
	width: 100%;
	position: absolute;
	left: 0px;
}
.GameOPS{
 width: 100%;
 height: 40px;
 border: none;
 	position: absolute;
	 top:15%;
transition-duration: 500ms;
	background: lightgray;
}
.UsOPS{
 width: 100%;
 height: 40px;
 border: none;
 	position: absolute;
	 top:25%;
	 transition-duration: 500ms;
	background: lightgray;
}
.ToolOPS{
	background: lightgray;
	position: absolute;
	top: 35%;
 width: 100%;
 height: 40px;
 border: none;
 transition-duration: 500ms;
}
.ToolOPS:hover{
	width: 102%;
box-shadow: 10px 0 0 rgb(0, 159, 252);
}
.GameOPS:hover{
	width: 102%;
box-shadow: 10px 0 0 rgb(0, 159, 252);
}
.UsOPS:hover{
	width: 102%;
box-shadow: 10px 0 0 rgb(0, 159, 252);
}



/* this is the slide menue */

.main_Container{
	width: 100%;
	height: 402px;
	background: none; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	overflow: hidden;
}
.vehicle_holder{
	width: 98.5%;
	height: 400px;
	background: rgb(236, 236, 236);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	border: none;
	z-index: 5;
	
	}







.car001{
	width: 300px;
	height: 400px;
	border:none;
	border-left: 10px solid rgb(224, 224, 224);
	padding: 0;
	margin: 0;
	background: lightgray;
}

.IN001{
	display: flex;
	flex-direction:row;
	width:800;
	height: 400px;
	position: absolute;
}
.out{
	width: 100%;
	height: 400px;
	position: absolute;
	overflow: scroll;
}
.out::-webkit-scrollbar{
	display: none;
}

.Left{
top: 0px;
	left: 0px;
	border: none;
		position: fixed;
    width: 40px;
	height: 100%;
	z-index: 5;
	background: rgba(0,0,0);
	color: black;
	cursor: pointer;
	border-radius: 0;
	opacity: 0%;
}
.Right{
top: 0px;
	right: 0px;
	border: none;
		position: fixed;
    width: 40px;
	height: 100%;
	z-index: 5;
	background: rgba(0,0,0);
	color: black;
	cursor: pointer;
	border-radius: 0;
	opacity: 0%;

}
.Left:hover, .Right:hover{
background: #1f1f1f;
color: white;
opacity:100% ;
}

.gg{
	width: 300px;
	position: absolute;
	top: 0px;
	border-radius: 10px;
}



/* this is the shelf title */
.shelf01{
	position: absolute;
	z-index: 10;
  top: 90px;
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	text-align: center;
	background: black;
	height: max-content;
	width: 150px;
	color: white;
	text-justify: center;
	left: -10px;
	font-size: 15pt;
	box-shadow: -8px 0 0 rgb(0, 153, 255);
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}





/* this is the game menue */


			.WidgetContent02{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 500px;
				left: 20%;
				top: 65%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

.WidgetContent03{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 500px;
				left: 50%;
				top: 65%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

			.WidgetContent04{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 300px;
				left: 80%;
				top: 49%;
				text-align: center;
				transform: translate(-50%, -50%);
			}
			.WidgetContent05{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 300px;
				left: 80%;
				top: 100%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

	.WidgetContent06{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 300px;
				left: 20%;
				top: 132%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

	.WidgetContent07{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 300px;
				left: 50%;
				top: 132%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

	.WidgetContent08{
				position: absolute;
				background: #1f1f1f;
				width: 400px;
				height: 183px;
				left: 80%;
				top: 141%;
				text-align: center;
				transform: translate(-50%, -50%);
			}

.returnBTN{
	color: white;
	height:55px;
	border: none;
	width: 100px;
	background: #2772ff;
	position: absolute;
	right: 0px;

}

     .pic01{
			 width: 100%;
		 }
			.Widget01Des{
				color: white;
			}
			.start01{
				width: 100px;
				height: 40px;
				color: black;
				border: none;
				background: white;
				position: absolute;
					bottom: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
			}
			.start01:hover{
				background: rgb(224, 224, 224);
			}

			/* gamelibrary titel */
			.titleG{
				position:  absolute;
				top: 56px;
				left: 60px;
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
			}