.textBanner:hover{

				 background-position: 0 100%;

			}

			.banner{

				background-color:black;

				width: 20%;
				height:100%; 
				position: fixed;

				z-index: 4;

			}

			.textBanner{
			
				position:fixed;
				text-align: center;
				width:20vw;

				font-family:'Ghang';
 				font-weight:400;
				z-index:2;
  				color: white;
  				font-size:3vw;

  				background: linear-gradient(to right, red, purple 50%, blue 100%);
  				background-clip: text;
 			    -webkit-background-clip: text;
 				-webkit-text-fill-color: transparent;

  				background-size: 200% 100%;
  				background-position: 100%;
  				transition: background-position 275ms ease;

  				z-index:4;

			}

			.mainPage{

				position:absolute;
				width:100%;
				height: 100%;

				z-index:1;

			}
			@media only screen and (min-width: 1350px) {
			.Atopia_IMG{

				position:absolute;

				width:400px;
				height:400px;
				left:950px;
				top:100px;
				border-radius:10%;

				z-index:2;

				box-shadow: 1px 1px 12px black;

			}

			.Taroka_IMG{

				position:absolute;
				top:100px;
				border-radius:10%;
				left: 300px;
				z-index:2;
				width:400px;
				height:400px;
				box-shadow: 1px 1px 12px black;

			}

			.Wordle_IMG{

				position:absolute;
				border-radius:10%;
				top: 600px;
				left: 300px;
				z-index:2;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Worldleh_IMG{

				position:absolute;
				border-radius:10%;
				z-index:2;
				left:950px;
				top:600px;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Wikitribia_IMG{

				position:absolute;
				border-radius:10%;
				top: 1100px;
				left: 300px;
				z-index:2;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Entzule_IMG{

				position:absolute;
				border-radius:10%;
				z-index:2;
				left:950px;
				top:1100px;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}
		}
		@media only screen and (max-width: 1349px) {
			.Atopia_IMG{

				position:absolute;

				width:400px;
				height:400px;
				left:100px;
				top:100px;
				border-radius:10%;

				z-index:2;

				box-shadow: 1px 1px 12px black;

			}

			.Taroka_IMG{

				position:absolute;
				top:600px;
				border-radius:10%;
				left: 100px;
				z-index:2;
				width:400px;
				height:400px;
				box-shadow: 1px 1px 12px black;

			}

			.Wordle_IMG{

				position:absolute;
				border-radius:10%;
				top: 1100px;
				left: 100px;
				z-index:2;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Worldleh_IMG{

				position:absolute;
				border-radius:10%;
				z-index:2;
				left:100px;
				top:1600px;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Wikitribia_IMG{

				position:absolute;
				border-radius:10%;
				top: 2100px;
				left: 100px;
				z-index:2;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}

			.Entzule_IMG{

				position:absolute;
				border-radius:10%;
				z-index:2;
				left:100px;
				top:2600px;
				box-shadow: 1px 1px 12px black;
				width:400px;
				height:400px;

			}
		}