.flex-container {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 20px;
}



.container {
  padding: 20px;
  width: 200px;
  height: 100px;
  text-align: center;
}
.words {
  position: absolute;
  top: 30%;
  left: 11%;
  font-family:"Comic Sans MS", cursive, sans-serif;
  font-size: 20px;
}




.mainbox {
  padding: 30px;
  border: 10px solid #a5a9b0;
  width: 400px;
  height: 350px;
  text-align: center;
  font-family:"Comic Sans MS", cursive, sans-serif;
  font-size: 15px;
}
.mainboxwords {
  position: absolute;
  top: 35%;
  left: 37.25%;
  font-family:"Comic Sans MS", cursive, sans-serif;
  font-size: 18px;
  width: 350px;
  height: 270px;
  overflow: auto;
  
}




.container2 {
  padding: 20px;
  width: 200px;
  height: 100px;
  text-align: center;
}
.words2 {
  position: absolute;
  top: 30%;
  right: 7%;
  font-family:"Comic Sans MS", cursive, sans-serif;
  font-size: 20px;
}