/* 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." */

pre {
  pre-wrap; 
}

body {  
  background-color: #ffffff; /* Sets the background to white */
  color: #000000;           /* Sets the text to black */
  font-family: 'Courier New', 'Lucida Console', monospace;
  
  border: 5px solid black; /* Customize the border style, width, and color */
  box-sizing: border-box; /* Ensures the border is included in the element's total width/height */
  
  text-align: center;
}

a {
    color: red; /* Makes the link text red */
    font-weight: bold; /* Makes the link text bold */
}
.text-box {
    border: 2px solid black; /* Creates the box border */
    color: #000000;
    font-family: 'Courier New', 'Lucida Console', monospace;
    padding: 20px;            /* Adds space between the text and the border */
    text-align: center;       /* Centers the text horizontally */
}

.flex-container {
  display: flex;
  justify-content: space-between; /* Distributes space evenly */
  gap: 0px; /* Standard property for spacing between flex items */
}

.flex-item {
  border: 2px solid black;
  color: #000000;
  
  width: 50%; /* For two equal columns */
  /* or use flex: 1; to make items grow and fill the space equally */
}