/* 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." */
  /* The parent provides the "margin" color */
body { 
  color: #EFF3F7;
}

/* The child element has its own center color */
.content-box {
  background-color: #CCE6FF;
  margin: 100px; /* The space around this will show the parent's #333333 */   
  text-align: center;
  color: #166948; /*green text */
  font-family: Verdana;
  centered-background:
  /* Centers the background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; /* or contain, depending on needs */
  
  /* Creates a "margin" effect around the background content */
  padding: 50px; 
  box-sizing: border-box; /* Ensures padding doesn't increase total width */
  ul, ol 
  display: table;       /* Shrink to fit content */
  margin: 0 auto;       /* Center horizontally */
  padding: 0;           /* Remove default padding */
  list-style-position: inside; /* Optional: Keeps bullets aligned with text */
}