@import url('https://fonts.googleapis.com/css?family=Lexend&display=swap');
body {
  background-color: #fce5fc;
  color: #101d6b;
  font-family: "Lexend";
  }


/* #101d6b #fce5fc /*

.container {
  width: 50%; /* Or a specific width */
  height: 300px; /* Or a specific height */
  display: flex; /* Or use grid or other layout methods */
  /* Add any other desired styling */
  overflow-y: auto; /* Or scroll */
  /* overflow-x: hidden;  (optional) */
  transform: scaleX(-1); /* Flip the container */
  background-color: white;
  color: #101d6b;
  font-family:"Lexend";
}

.scrollable-content {
  width: 100%; /* Or a specific width */
  height: 200; /* Or a specific height */
  overflow-y: auto;
  overflow-x:hidden;/* Enable vertical scrolling */
   transform: scaleX(-1); /* Flip the content back */
}
  /* Add any other desired styling */




.flex-container {
    display: flex;
}
.flex-child {
    flex: 1;
    border: 9px solid #101d6b;
}  
.flex-child:first-child {
    margin-right: 20px;
}