#twitch:hover {
		background:url(../../assets/logotwitch_hover.png) no-repeat center;
	}
	#instagram:hover {
		background:url(../../assets/logoinstagram_hover.png) no-repeat center;
	}
	#bluesky:hover {
		background:url(../../assets/logobluesky_hover.png) no-repeat center;
	}
	#mirlo:hover {
		background:url(../../assets/logomirlo_hover.png) no-repeat center;
	}
	#youtube:hover {
		background:url(../../assets/logoyoutube_hover.png) no-repeat center;
	}
	#steam:hover {
		background:url(../../assets/logosteam_hover.png) no-repeat center;
	}
	#discord:hover {
		background:url(../../assets/logodiscord_hover.png) no-repeat center;
	}
	#mastodon:hover {
		background:url(../../assets/logomastodon_hover.png) no-repeat center;
	}
	
.squareZone {
	width: 100%;
	max-width: 900px;
	margin: auto;
}

.square {
	background-image: linear-gradient(to right, rgba(2,3,6,1), rgba(36,61,68,1));
	border-radius: 25px 10px 25px 10px;
	display: inline-block;
	margin: auto;
}

.gridRespo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1em;
}

@media (max-width: 600px) {
	.gridRespo {
		grid-template-columns: 1fr;
		grid-template-rows: auto 18em;
		row-gap: 1em;
	}
}

#s1 {
	width: 100%;
}

#s2 {
	background:url(../assets/texture.png) repeat-y center;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}

#s3 {
	background-image: linear-gradient(to bottom, rgba(121,121,121,0.85), rgba(33,33,33,0.85));
}

.teamSocials {
	display: grid;
	grid-template-columns: 12em 12em 12em 12em;
	column-gap: 1em;
	row-gap: 1em;
	margin: auto;
	margin-top: 1.5em;
	max-width: 850px;
	width: 100%;
}

@media (max-width: 850px) {
	.teamSocials {
		grid-template-columns: 12em 12em;
		max-width: 25em;
	}
}

@media (max-width: 425px) {
	.teamSocials {
		grid-template-columns: 12em;
		max-width: 12em;
	}
}

.shareSquare {
	background-size: contain;
	border-radius: 25px 10px 25px 10px;
	width: 12em;
	height: 12em;
	display: grid;
	grid-template-rows: 0.1em 2em auto 3.5em 3.5em 0.2em;
	grid-template-columns: 0.1em 3.5em 3.5em auto 0.1em;
	row-gap: 0.3em;
	column-gap: 0.3em;
}

.othersquare {
	background-size: contain;
	border-radius: 25px 10px 25px 10px;
	width: 12em;
	height: 12em;
	row-gap: 0.3em;
	column-gap: 0.3em;
}

.sharetext {
	grid-column: 2/5;
	grid-row: 2/3;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 25px 10px 25px 10px;
	text-align: center;
}

.sharetextnull {
	grid-column: 2/5;
	grid-row: 2/3;
	border-radius: 25px 10px 25px 10px;
	text-align: center;
}

.sharelink1 {
	grid-column: 2/3;
	grid-row: 4/5;	
}

.sharelink2 {
	grid-column: 2/3;
	grid-row: 5/6;	
}

.sharelink3 {
	grid-column: 3/4;
	grid-row: 5/6;	
}

#sombwich {
	background:url(../assets/avatar_sombwich.png) no-repeat ;
	background-size: contain;
}

#stephane {
	background:url(../assets/avatar_stephane.png) no-repeat ;
	background-size: contain;
}

#walden {
	background:url(../assets/avatar_walden.png) no-repeat ;
	background-size: contain;
}

#image {
	background:url(../assets/image.png) no-repeat ;
	background-size: contain;
}

	#pagelogo {
		background:url(../assets/pagelogoTeam.png) no-repeat center;
		background-size: contain;
		width: 100%;
		max-height: 100%;
	}