:root {
	--largeur:580px;
	--colonne:260px;
	--couleurPrincipale:#ff197d;
}

html {
	font-size:10px;
}

body {
	width:100%;
	height:100%;
	font-family: "Archivo Black", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.001em;
	background:#000;
}

.hero {
	position: fixed;
	inset: 0;
	overflow: hidden;
}

#bg-video,
.video-poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform:scale(1.1);
	filter:blur(16px);
	opacity:.5;
}

.video-poster {
	z-index: 2;
	transition: opacity 0.4s ease;
}

#bg-video {
	z-index: 1;
	pointer-events: none;
}


background {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: black; 
	position:fixed;
	z-index:0;
}

background video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none; 
}

canva {
	width:var(--largeur);
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: black; 
	position:fixed;
	z-index:1;
	left:50%;
	margin-left:-290px;
}

canva video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	background-color:black;
	pointer-events: none;
}

container {
	display:block;
	position:relative;
	z-index:2;
	width:var(--largeur);
	margin:0 auto;
	font-size:1rem;
	text-align:center;
	color:#ffffff;
	padding:4rem 0 6rem 0;
}

profilpic {
	display:block;
	width:10rem;
	height:10rem;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
}

profilpic img {
	display:block;
	width:100%;
	height:auto;
}

h1 {
	display:block;
	width:100%;
	font-size:4rem;
	margin:1rem 0 1.7rem 0;
	letter-spacing: -0.04em;
	text-align:center;
}

h1 img {
	display:inline-block;
	width:70%;
	margin-top:1rem;
}

rs-links {
	display:block;
	width:100%;
}

rs-links a.rs-links-element {
	display:inline-block;
	width:4.6rem;
	height:4.6rem;
	border-radius:50%;
	overflow:hidden;
	background:rgba(0, 0, 0, .4);
	margin:0 .2rem 0 .2rem;
	padding:0;
	border:solid .1rem rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(6px);
	transition:.3s;
}

rs-links a.rs-links-element:hover {
	background:rgba(0, 0, 0, 0.8);
	transform: scale(1.1);
}

rs-links a.rs-links-element img {
	display:block;
	width:100%;
	height:auto;
}

division {
	display:block;
	width:100%;
}

division h2 {
	display:block;
	width:100%;
	font-size:2rem;
	margin:2rem 0 1.2rem 0;
	font-weight: 700;
	font-style: normal;
	text-transform:uppercase;
}

division music-links {
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0 2%;
}

division music-links:after {
	content: '';
	display: block;
	clear: both;
}

division music-links a {
	display:inline-block;
	font-size:1.5rem;
	width:47%;
	float:left;
	height:4rem;
	font-family: "Archivo", sans-serif;
	border-radius:2rem;
	line-height:4rem;
	text-align:center;
	margin:0 0 1rem 1.3%;
	text-decoration:none!important;
	background:rgba(0, 0, 0, 0.4);
	border:solid .1rem rgba(255, 255, 255, 0.1);
	background-repeat:no-repeat;
	background-size:4rem 4rem;
	background-position:1rem 0;
	backdrop-filter: blur(6px);
	transition:.3s;
	font-weight: 600;
	font-style: normal;
	color:#fff;
}

division music-links a:hover {
	border-radius:1rem;
	background:rgba(0, 0, 0, 0.8);
	background-repeat:no-repeat;
	background-size:4rem 4rem;
	background-position:1rem 0;
}

division music-links a.spotify {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M50 25c-13.8 0-25 11.2-25 25s11.2 25 25 25 25-11.2 25-25-11.2-25-25-25zm11.5 36.1c-.4.7-1.4 1-2.1.5-5.9-3.6-13.3-4.4-22-2.4-.8.2-1.7-.3-1.9-1.2-.2-.8.3-1.7 1.2-1.9 9.5-2.2 17.7-1.2 24.3 2.8.7.5.9 1.4.5 2.2zm3-6.8c-.6.9-1.8 1.2-2.7.6-6.7-4.1-17-5.3-24.9-2.9-1 .3-2.1-.3-2.4-1.3-.3-1 .3-2.1 1.3-2.4 9.1-2.8 20.4-1.4 28.1 3.3.9.5 1.2 1.7.6 2.7zm.3-7.1c-8.1-4.8-21.4-5.2-29-2.9-1.2.4-2.5-.3-2.9-1.6-.4-1.2.3-2.5 1.6-2.9 8.8-2.7 23.5-2.2 32.8 3.3 1.1.7 1.5 2.1.8 3.2-.8 1.2-2.2 1.5-3.3.9z'/></svg>");
}

division music-links a.deezer {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M66.9 32.6c.5-2.7 1.1-4.4 1.9-4.4 1.4 0 2.5 5.9 2.5 13.1s-1.1 13.1-2.5 13.1c-.6 0-1.1-1-1.5-2.7-.7 6.1-2.1 10.3-3.7 10.3-1.3 0-2.4-2.5-3.1-6.5-.5 7.5-1.8 12.9-3.3 12.9-1 0-1.8-2.1-2.5-5.6C53.9 70 52.1 75 50 75s-3.9-5-4.6-12.1c-.6 3.5-1.5 5.6-2.5 5.6-1.5 0-2.8-5.4-3.3-12.9-.8 4-1.9 6.5-3.1 6.5-1.6 0-3-4.2-3.7-10.3-.4 1.7-1 2.7-1.5 2.7-1.4 0-2.5-5.9-2.5-13.1s1.1-13.1 2.5-13.1c.8 0 1.4 1.7 1.9 4.4.7-4.6 2-7.6 3.3-7.6 1.6 0 3 4.2 3.7 10.4.7-4.5 1.6-7.4 2.8-7.4 1.6 0 2.9 5.6 3.4 13.5.9-4 2.3-6.6 3.7-6.6 1.5 0 2.8 2.5 3.7 6.6.5-7.9 1.8-13.5 3.4-13.5 1.1 0 2.1 2.9 2.8 7.4.7-4.6 2.1-8.8 3.7-8.8 1.4 0 2.6 3 3.3 7.6z M25 40c0-3.2.6-5.8 1.4-5.8.8 0 1.4 2.6 1.4 5.8s-.6 5.8-1.4 5.8c-.8.1-1.4-2.5-1.4-5.8zm47.1 0c0-3.2.6-5.8 1.4-5.8.8 0 1.4 2.6 1.4 5.8s-.6 5.8-1.4 5.8c-.8.1-1.4-2.5-1.4-5.8z'/></svg>");
}

division music-links a.apple {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M58.1 27.6c-2 2.3-5.1 4.3-8.3 4-.6-3.4 1.1-6.8 2.9-8.8 2-2.6 5.4-4.3 8.3-4.3.2 3.1-.9 6.6-2.9 9.1zm2.8 4.6c1.7 0 6.8.6 10.3 5.7-6 3.7-6 10.8-6 10.8 0 8.6 7.4 11.4 7.4 11.4s-1.1 4-3.7 8c-2.3 3.4-4.9 6.8-8.6 6.8s-4.9-2.3-9.1-2.3-5.7 2.4-9.1 2.4c-3.7 0-6.6-3.7-8.8-7.1-4.9-7.1-8.6-20-3.4-28.5 2.3-4.3 6.8-7.1 11.4-7.1 3.7 0 7.1 2.6 9.1 2.6 2-.1 6-3 10.5-2.7z'/></svg>");
}

division music-links a.youtubemusic {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M50,25c-14,0-25.4,11.2-25.4,25s11.4,25,25.4,25,25.4-11.2,25.4-25-11.4-25-25.4-25ZM50,66.2c-9.2,0-16.5-7.3-16.5-16.3s7.3-16.2,16.5-16.2,16.5,7.3,16.5,16.3-7.3,16.2-16.5,16.2ZM50,36.2c-7.7,0-14,6.2-14,13.8s6.2,13.8,14,13.8,14-6.3,14-13.8-6.3-13.8-14-13.8ZM44.8,57.3v-14.6l13.3,7.3-13.3,7.3Z'/></svg>");
}

division music-links a.amazonmusic {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M62.87,46.9c-.5.4-1.3.6-2.3.6-1.5,0-2.9-.2-4.3-.6-.4-.1-.6-.2-.8-.2-.3,0-.4.2-.4.5v.9c0,.3.1.4.2.6.1.1.3.3.5.4,1.4.6,3,.9,4.7.9,1.8,0,3.2-.4,4.4-1.3,1.1-.9,1.7-2,1.7-3.5,0-1.1-.3-1.8-.8-2.5-.4-.7-1.3-1.3-2.6-1.7l-2.5-1c-1-.4-1.7-.7-1.9-1.1-.4-.4-.5-.7-.5-1.3,0-1.3,1-2,3-2,1.1,0,2.3.2,3.3.5.4.1.6.2.7.2.3,0,.4-.2.4-.5v-.9c0-.3-.1-.4-.2-.6-.1-.2-.3-.3-.5-.4-1.3-.4-2.6-.7-3.9-.7-1.7,0-3.1.4-4.1,1.2-1.1.8-1.6,1.9-1.6,3.2,0,2,1.1,3.5,3.4,4.4l2.6,1c.9.4,1.4.6,1.8,1s.4.7.4,1.2c.1.8-.2,1.4-.7,1.7ZM49.07,34.3v11.7c-1.5,1-3,1.5-4.5,1.5-1,0-1.7-.3-2.1-.8-.4-.5-.6-1.3-.6-2.5v-9.9c0-.4-.2-.6-.6-.6h-1.8c-.4,0-.6.2-.6.6v10.9c0,1.5.4,2.7,1.1,3.5.8.8,1.9,1.2,3.4,1.2,2,0,4-.7,6-2.1l.2,1.1c0,.3.1.4.3.4.1.1.3.1.5.1h1.3c.4,0,.6-.2.6-.6v-14.5c0-.4-.2-.6-.6-.6h-1.8c-.6,0-.8.2-.8.6ZM32.37,49.5h1.8c.4,0,.6-.2.6-.6v-11c0-1.5-.4-2.6-1.1-3.4-.8-.8-1.8-1.2-3.3-1.2-2,0-4.1.7-6.1,2.2-.7-1.5-2-2.2-3.9-2.2s-3.9.7-5.8,2l-.2-1c0-.3-.1-.4-.3-.4-.1-.1-.3-.1-.4-.1h-1.4c-.4,0-.6.2-.6.6v14.6c0,.4.2.6.6.6h1.8c.4,0,.6-.2.6-.6v-11.9c1.5-.9,3-1.4,4.6-1.4.9,0,1.5.3,1.8.8s.6,1.2.6,2.3v10.1c0,.4.2.6.6.6h1.8c.4,0,.6-.2.6-.6v-11.7c1.6-1,3.1-1.4,4.6-1.4.9,0,1.5.3,1.8.8s.6,1.2.6,2.3v10.1c.1.3.3.5.7.5ZM80.27,61.1c-9.6,4-20,6.1-29.5,6.1-14,0-27.6-3.9-38.6-10.3-.2-.1-.4-.2-.5-.2-.6,0-1,.7-.4,1.3,10.2,9.3,23.7,14.8,38.6,14.8,10.7,0,23.1-3.3,31.6-9.7,1.5-1,.3-2.6-1.2-2ZM79.97,37.2c.8-.9,2-1.3,3.8-1.3.9,0,1.8.1,2.5.4.3.1.4.1.5.1.3,0,.4-.2.4-.6v-.9c0-.3-.1-.5-.2-.6s-.3-.3-.4-.4c-1.1-.3-2.3-.5-3.3-.5-2.5,0-4.3.7-5.7,2.2-1.3,1.4-2,3.5-2,6.1s.6,4.7,1.9,6.1,3.2,2.1,5.6,2.1c1.3,0,2.5-.2,3.5-.6.3-.1.4-.2.5-.4.1-.1.1-.4.1-.6v-.9c0-.4-.2-.6-.4-.6-.1,0-.3,0-.4.1-1,.3-1.9.4-2.8.4-1.7,0-2.9-.4-3.7-1.3-.8-.9-1.1-2.3-1.1-4.1v-.4c.1-2,.4-3.4,1.2-4.3ZM83.97,69.4c4.6-3.9,5.8-11.8,4.8-13.1-.4-.5-2.5-1.1-5.2-1.1s-6.1.6-8.7,2.4c-.8.5-.6,1.2.2,1.1,2.7-.4,8.9-1.1,10,.4,1.1,1.4-1.2,7.2-2.3,9.7-.2.9.4,1.1,1.2.6ZM71.77,33.7h-1.8c-.4,0-.6.2-.6.6v14.6c0,.4.2.6.6.6h1.8c.4,0,.6-.2.6-.6v-14.6c0-.4-.2-.6-.6-.6ZM72.27,27.7c-.4-.4-.9-.5-1.5-.5s-1.1.2-1.4.5c-.4.4-.5.8-.5,1.3s.2,1.1.5,1.3c.4.4.8.5,1.4.5s1.1-.2,1.4-.5.5-.8.5-1.3-.1-1-.4-1.3Z'/></svg>");
}

division music-links a.qobuz {
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='%23ff197d' d='M63.2,68.2c-4.6,3.3-10.2,4.8-15.8,4.1s-10.8-3.4-14.5-7.7c-3.9-4.6-5.8-10.4-5.3-16.4s3.2-11.4,7.8-15.3c4.1-3.5,9.3-5.4,14.6-5.4s10.5,1.9,14.6,5.4c4.3,3.7,7.1,8.8,7.7,14.5.7,5.6-.8,11.3-4.1,15.9-.4.6-.3,1.3.3,1.7.6.4,1.3.3,1.7-.3,3.7-5.1,5.3-11.4,4.6-17.6-.7-6.3-3.8-12-8.6-16.1-4.5-3.9-10.3-6-16.2-6s-11.7,2.1-16.2,6c-5.1,4.3-8.2,10.4-8.7,17-.5,6.7,1.6,13.1,5.9,18.2,4.1,4.8,9.8,7.8,16.1,8.6,1,.1,2,.2,3,.2,5.3,0,10.4-1.7,14.7-4.8.6-.4.7-1.2.3-1.7-.5-.6-1.3-.7-1.9-.3ZM63.7,60.1c.6.4,1.4.2,1.7-.4,1.8-2.9,2.8-6.2,2.8-9.7s-1-6.8-2.8-9.7c-2.6-4.1-6.6-7-11.4-8.1-4.7-1.1-9.6-.3-13.8,2.3s-7,6.6-8.1,11.4c-1.1,4.7-.3,9.6,2.3,13.8s6.6,7,11.4,8.1c1.4.3,2.8.5,4.1.5,3.4,0,6.7-.9,9.6-2.8.6-.4.8-1.1.4-1.7-.4-.6-1.1-.8-1.7-.4-7.4,4.6-17.1,2.4-21.7-5-2.2-3.6-2.9-7.8-2-11.9s3.4-7.6,7-9.8,7.8-2.9,11.9-2c4.1.9,7.6,3.4,9.8,7,1.6,2.5,2.4,5.4,2.4,8.3s-.8,5.8-2.4,8.3c-.2.6,0,1.4.5,1.8ZM42.1,50c0,4.3,3.5,7.9,7.9,7.9s7.9-3.5,7.9-7.9-3.5-7.9-7.9-7.9-7.9,3.6-7.9,7.9ZM55.4,50c0,3-2.4,5.4-5.4,5.4s-5.4-2.4-5.4-5.4,2.4-5.4,5.4-5.4,5.4,2.4,5.4,5.4ZM48.8,50c0,.7.6,1.2,1.2,1.2h0c.7,0,1.2-.5,1.3-1.2,0-.7-.5-1.3-1.2-1.3h-.1c-.7.1-1.3.6-1.2,1.3ZM59.2,56.5c-.7-.7-1.9-.7-2.7,0-.7.7-.7,1.9,0,2.7l13.1,13c.4.4.8.5,1.3.5s1-.2,1.3-.6c.7-.7.7-1.9,0-2.7l-13-12.9Z'/></svg>");
}

division a.video-link {
	display:block;
	width:36rem;
	height:22rem;
	margin:0 auto;
	background-image:url("img/miniature-solal.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	overflow:hidden;
	border-radius:1.6rem;
	transition:.3s;
}

division a.video-link video-link-bouton {
	display:inline-block;
	width:5rem;
	height:5rem;
	margin-top:8.5rem;
	overflow:hidden;
	border-radius:50%;
	background:rgba(0, 0, 0, 0.4);
	border:solid .1rem rgba(255, 255, 255, 0.1);
	transition:.3s;
}

division a.video-link video-link-bouton img {
	display:block;
	width:100%;
	height:auto;
	transition:.3s;
}

division a.video-link:hover video-link-bouton {
	transform: scale(1.1);
	background:rgba(0, 0, 0, 0.8);
}

footer {
	display:block;
	width:100%;
	margin:4rem 0 0 0;
}

footer a {
	display:block;
	width:6rem;
	margin:0 auto;
}

footer a img {
	display:block;
	width:100%;
}

.icon path{
  fill:var(--couleurPrincipale);
}

@media screen and (max-width: 1000px) {
	:root {
		--largeur:100%;
	}
	html {
		font-size:20px;
	}
	canva {
		display:none;
	}
	#bg-video, .video-poster {
		filter: blur(0px);
		opacity:1;
	}
}