html{
	scroll-behavior: smooth;
}


a:visited{ /* lorsque le lien a déjà été visité  */
 	color: #f16b2d; /* couleur de typo */
}
 
 a:link { /* le lien d'origine  */
	color: #f16b2d; /* couleur de typo */
	text-decoration: none;
}


a:hover{ /*  lorsque le curseur est dessus  */
 	text-decoration: underline;

 	}

body{
	background-color:#ffffff;
	  font-family: "Archivo", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: <weight>;
	  font-style: normal;
	  color: #f16b2d;
	  font-variation-settings:
	    "wdth" 100;
	}


#intro{
	width:100vw;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;

}

/*div c'est le showreel*/
#intro div{
	width: 100%;
	height: 100%;
} 

#button{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 20%;
	height: 50px;
	background-color: #f16b2d;
	position: absolute;
	bottom: 50px;
	left: 40%;
	border-radius: 25px;
	text-transform: uppercase;

}

#button h1{
	text-align: center;
	color: white;
}


#prez{
	width: 100vw;
	height: 100vh;
	padding-top: 50px;
	


}

	#container{
		margin: 50px auto;
		display: flex;
		justify-content: space-around;
		align-items: center;	
		width: 80%;
/*		border: solid black 1px;
*/	}

		#container figure{
			width: 40%;
		}

		#container p{
			width: 40%;
			line-height: 1.2em;
		}

	p span{
		position: relative;
		bottom: 0.5em;
		font-size: 12px;

		}

	aside{
		text-transform: uppercase;


	}
	aside a {
		display: block;
		text-align: center;
	}