:root {

	--rouge: hsl(0, 98.8%, 33.5%);
	--noir-fonce: hsl(0, 30%, 2.1%);
	--noir-moyen: hsl(0, 15%, 3.1%);
	--noir-clair: hsl(0, 5%, 7.1%);
}


body {

	background: var(--noir-fonce);
	color: white;
	font-family: Roboto,sans-serif;
}

header {

	background: var(--noir-clair);
}


header * {

	color: var(--rouge);
	text-decoration: none;
}

header span {

	color: white;
}

#videosList li {

	background: var(--noir-clair);
	border-color: var(--rouge);
	border-style: solid;
}

.video-title,
.video-title a,
.video-title a:visited {

	color: white;
	font-weight: bold;
	text-decoration: none;
}

article {

	background: var(--noir-clair);
}

article video {

	background: black;
}


article .video-title {

	font-weight: bold;
}

#successMsg {
	
	opacity: 0;
	transition: opacity 1s; 
}