/*couleurs gradient : 3f46a1  683093  aa2080  c8226a e03a44, original : #4e44c4, #3e3699*/
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#main {
	position : relative;
	width : 100%;
	height : 100vh;
	scroll-behavior : smooth;
	overflow : auto;
	scroll-snap-type: y mandatory;
	overscroll-behavior-y: none;
	-ms-overflow-style: none;  /* Hide scrollbar IE and Edge */
	scrollbar-width: none;  /* Hide scrollbar Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
	display: none;
}

.section {
	scroll-snap-align: start;
	scroll-snap-stop: always;
	display: flex;
	height: 100vh;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	text-shadow: 4px 3px 10px rgba(0, 0, 0, 0.6);
}

#reseaux {
	background-image: linear-gradient(180deg, #3f46a1, #683093);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3f46a1), to(#683093));
}

#livres {
	background-image: linear-gradient(180deg, #683093, #aa2080);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#683093), to(#aa2080));
}

#YouTube {
	background-image: linear-gradient(180deg, #aa2080, #c8226a);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aa2080), to(#c8226a));
}
#choses {
	background-image: linear-gradient(180deg, #c8226a, #e03a44);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c8226a), to(#e03a44));
}

.container {
	display: flex;
	justify-content: center;
	margin-top: 24.5px;
	flex-direction: row;
	flex-wrap: nowrap;
	object-fit: fill;
}
#livres .container {
	margin-top: 2vw;
	flex-direction: column;
}
#YouTube .container
{
	/* border-radius: 25px; */
	border-radius: calc(10% * (9 / 16)) / 10%;
	overflow: hidden;
}

.linebreak {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	object-fit: fill;
}

#livres .linebreak {
	margin-bottom: 1.2vw;
}

.titre {
	max-width: 700px;
}

.lien {
text-decoration: none;
}

.icone {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.video {
	width: 700px;
	height: 393.75px;
}

#reseaux .icone {
	width: 161.8px;
	height: 161.8px;
	margin-right: 8.4px;
	margin-left: 8.4px;
}

#livres .icone, #choses .icone {
	width: 221.2px;
	height: 221.2px;
	margin-right: 8.4px;
	margin-left: 8.4px;
}

.mobile {
	display: none;
}

@media (min-width: 1400px)
{
	#livres .container {
		margin-top: 28px;
	}
	#livres .linebreak {
		margin-bottom: 16.8px;
	}
}

@media (orientation: portrait) {
	.mobile {
		display: inline-block;
	}
	.desktop {
	display: none;
	}
	.container {
		margin-top: 1.75vw;
	}
}

@media (max-width: 1400px) {
	.titre {
		width: 50vw;
	}
	.video {
		width: 50vw;
		height: 28.125vw;
	}
	#reseaux .icone {
		width: 11.55vw;
		height: 11.55vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
	#livres .icone, #choses .icone {
		width: 15.8vw;
		height: 15.8vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
}
@media (orientation: landscape) and (max-width: 1400px) {
	.container {
		margin-top: 1.75vw;
	}
}

@media (max-width: 1024px) {
	.titre {
	width: 50vw;
	}
	.video {
		width: 50vw;
		height: 28.125vw;
	}
	#reseaux .icone {
		width: 11.55vw;
		height: 11.55vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
	#livres .icone, #choses .icone {
		width: 15.8vw;
		height: 15.8vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
}
@media (orientation: landscape) and (max-width: 1024px) {
	.container {
		margin-top: 1.75vw;
	}
}

@media (max-width: 768px) {
	.container {
		margin-top: 2.1vw;
	}
	.titre {
		width: 60vw;
	}
	.video {
		width: 60vw;
		height: 33.75vw;
	}
	#reseaux .icone {
		width: 13.85vw;
		height: 13.85vw;
		margin-right: 0.75vw;
		margin-left: 0.75vw;
	}
}
@media (orientation: portrait) and (max-width: 768px) {
	#livres .icone, #choses .icone {
		width: 19.2vw;
		height: 19.2vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}	
}
@media (orientation: lanscape) and (max-width: 768px) {
	.container {
		margin-top: 1.75vw;
	}
	#livres .icone, #choses .icone {
		width: 15.8vw;
		height: 15.8vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
}

@media (max-width: 425px) {
		.linebreak {
		margin-bottom: 3.38vw;
	}
	.titre {
		width: 70vw;
	}
	.video {
		width: 70vw;
		height: 39.375vw;
	}
	#reseaux .icone {
		width: 33vw;
		height: 33vw;
		margin-right: 1.69vw;
		margin-left: 1.69vw;
	}
	#livres .icone, #choses .icone {
		width: 22.5vw;
		height: 22.5vw;
		margin-right: 0.6vw;
		margin-left: 0.6vw;
	}
}	
@media (orientation: portrait) and (max-width: 425px) {
	.container {
		margin-top: 4vw;
		flex-direction: column;
	}
}
@media (orientation: landscape) and (max-width: 425px) {
	.container {
		margin-top: 3.38vw;
		flex-direction: column;
	}
	.container {
		margin-top: 1.75vw;
	}
}



@media (hover: hover) {
	.icone:hover, .icone:focus, .icone:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	}
}