/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #264080;
  color: white;
  font-family: Futura;
}

.side-scrolling-container {
  overflow-x: scroll; /* Enables horizontal scrolling */
  overflow-y: hidden; /* Hides vertical scrollbar if present */
  word-break: normal;
  white-space: normal; /* Prevents content from wrapping to the next line */
  /* Optional: Set a fixed height or max-height for the container */
  height: 600px; 
  width: 90%; /* Or a specific width */
  position: relative; /* Position relative to its normal flow */
  top: 0px; /* Offset 20px down from its normal top edge */
  left: 50px; /* Offset 30px right from its normal left edge */
  background-color: #6294F0;
}

.item {
  display: inline-block; /* Arranges items horizontally */
  /* Optional: Add styling for individual items */
  width: 2000px;
  height: 500px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: top; /* Align items to the top if they have different heights */
}

p {
    word-break: normal;
    white-space: normal;
}

.box-text {
    word-break: normal;
    white-space: normal;
    column-width: 500px;
    margin-bottom: 50px;
}