.meta-flex{
  display: flex;
  justify-content: space-around;
}
.flex-display{

  background-color: #9999FF;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.two-columns{
  display: flex;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
.two-columns >*{
  flex-basis: 100%;
}
.titre{
  background-color: #b0b0b0;
}
.un-element{
  width: 100px;
  height: 100px;
  background-color: #BBBBBB;
  text-align: center;
  align-content: center;
  border-style: solid;
  border-width: 20px;
  border-color: #FF0000;
  border-radius: 10px;
}
.grid-display{
  margin: 50px 0px;
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 1fr;
  place-items: center;
}
#meta-left{
  width: 200px;
  height: 400px;
  background-color: #FF9999;
}
#meta-right{
  width: 200px;
  height: 400px;
  background-color: #99FF99;
}
#page-content{
  text-align: center;
  width: 700px;
}
#element1{
  width: 100px;
  height: 100px;
  background-color: #AA0000;
  text-align: center;
  align-content: center;
  border-style: solid;
  border-width: 20px;
  border-color: #FF0000;
  border-radius: 10px;
}
#element2{
  width: 100px;
  height: 100px;
  background-color: #00AA00;
  text-align: center;
  align-content: center;
  border-style: solid;
  border-width: 20px;
  border-color: #00FF00;
  border-radius: 10px;
}
#element3{
  width: 100px;
  height: 100px;
  background-color: #0000AA;
  text-align: center;
  align-content: center;
  border-style: solid;
  border-width: 20px;
  border-color: #0000FF;
  border-radius: 10px;
}
#element4{
  width: 100px;
  height: 100px;
  background-color: #AAAA00;
  text-align: center;
  align-content: center;
  border-style: solid;
  border-width: 20px;
  border-color: #FFFF00;
  border-radius: 10px;
}