h2, h1, p, button,span,div,ul {
	color: dark;
	font-family: "Roboto Flex", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" -9,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.fond{
	background-image: url("fond_vetement.jpeg");
}

h3 {
	font-family: arial;
}

h1{
	max-width: 90%;
	margin: 2%;
	margin-bottom: 50px;
	padding: 20px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	background-color: white;
	text-align: center;
}

input {border: 2px dotted black;}

a {
	text-decoration: none;
	font-size: 30px;
	color: black;
	font-family: arial;
}

button {
	font-size: 30px;
	border: none;
	padding-left: 60px;
	padding-right: 60px;
	text-align: center;
	background-color:white;
	border-bottom: solid black 5px;
	border-radius: 4px;
	font-weight: 300;
	max-width: 20%;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 2%;
}

button:hover{
	background-color: rgba(255, 255, 255, 1);
	box-shadow:10px 10px 25px rgba(0, 0, 0, 0.5);
}

button:active{
	background-color: lightgray;
	box-shadow: none;
}

img {
	border-radius: 10px;
	width: 50%;
	border-width: 2px;
	border-color: black;
	border-style: solid;
}

article {
	max-width: 90%;
	margin: 2%;
	margin-bottom: 50px;
	padding: 20px;
	box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background-color: white;
}


.information {
	float: right;
	width: 30%;
	margin-right: 5%;
	font-size: 30px;
}

span{
	font-size: 20px;
}

.background {
	background-image: url("image-removebg-preview-5.png");
}

.illustration {
	width: 600px;
	margin: 2%;
}