.rouge {
			color: darkred;
			font-weight: bold;
		}

h2, h1, p, button,span,div {
	color: white;
	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;
}

.simple{
	color: white;
}

input {border: 2px dotted black;}

a {
	padding: 50px;
	text-decoration: none;
	color: white;
	font-size: 20px;
}

button {
	border: 0px;
	background-color:rgba(0, 0, 0, 0.0) ;
	border-bottom: solid white 3px;
	border-radius: 4px;
	font-weight: 300;
}

button:hover{
	background-color: rgba(255, 255, 255, 0.3);
}

button:active{
	background-color: rgba(0, 0, 0, 0.3);
	border-bottom: solid #2B2B2B;
}
a:active{
	color: #A9A9A9;
}

body {
  background: linear-gradient(to left, purple, 30%, darkslateblue 100%);

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


h2 {
border-radius: 10px;
	width: 20%;
}

article {
	max-width: 90%;
	margin: 2%;
	margin-bottom: 50px;
	padding: 20px;
	box-shadow:10px 10px 25px rgba(0, 0, 0, 0.3);
	border-radius: 20px;
}


.information {
	float: right;
	width: 20%;
	margin-right: 19%;
	
}

.prix {
	border-style: solid;
	margin-bottom: 20%;
	border-color: white;
	padding:5px;
	border-radius: 40px;
	text-align: center;
	width: 200%;
	font-size: 3vw;
	list-style-type: none;
}