body{
  margin: 0;
}

.wrapper{
  display: flex;
  flex-wrap: wrap;
  background-color:#7280AD ;
  height: 100vh;
  justify-content: center;
  align-items: center;
  gap: 2vw;
  align-content: center;
}

.container{
  width: 26vw;
  height: 33vh;
  background-color: #2C4470;
  display: flex;
  justify-content: flex-start;
  gap: 2vw;
  flex-wrap: wrap;
  padding: 3vh;
  box-sizing: border-box;
}

.container:nth-child(even){
  background-color: #A8D0DA;
}

.container:nth-child(1){
  align-content: flex-start;
}

.container:nth-child(2){
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  align-content: flex-start;
}

.container:nth-child(3){
  justify-content: space-between;
  align-content:space-between;
}

.container:nth-child(4){
  align-items: center;
  justify-content: space-between;
}

.container:nth-child(5){
  place-content: center;
}


.child{
  height: 7vh;
  width: 7vh;
  background-color: #E59274;
  border-radius: 50%;
}