body {
text-align: center;
}

#barre {
display: flex;
justify-content: space-evenly;
width: 100%;
padding: 5px 5px 5px 5px;
flex-wrap: wrap;
}

.element {
display: flex;
font-size: 22px;
}
.element :hover {
transform: scale(1.2);
color: orange;
}

a {
text-decoration: none;
padding: 10px;
}

.box1 {
margin: 10px;
border-radius: 12px;
}

.box2 {
display: flex;
width: 400px;
height: 270px;
border: solid black;
border-radius: 12px;
border-width: 7px;
}

img {
object-fit: contain;
width: 100%;
height: 100%;
}

.soustitre {
width: 400px;
font-size: 40px;
}