/* 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: white;
  color: black;
  font-family: Verdana;
  text-indent: 0; /* Removes any default paragraph indents */
}

.multiline {
  white-space: pre-line;
  text-indent: 0 !important; /* Forces removal of any paragraph-style indents */
  text-align: left;           /* Overrides inherited centering */
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
}

.center {
  text-align: center;
  display: block; /* Ensures it takes up the full width of the flex-child */
  margin: 0 auto;
}

.flex-container {
  display: flex;       /* Turns container into a flexbox */
  gap: 20px;          /* Adds space (padding) between the two blocks */
}

.flex-child {
  flex: 1;            /* Ensures both blocks take up equal space */
  padding: 15px;      /* Internal padding for each block */
  border: 1px solid #ccc;
  min-width: 0;          /* Allows the block to shrink smaller than the text */
  overflow-wrap: break-word; /* Forces the long string to break onto a new line */
}