body
    {
        padding-block: 1.5rem;
        background-color:   #2F2F2F;
        background-image: url(content-bg.jpg);
        background-repeat: no-repeat;
        color:      #FFFFFF;
        font-family:        Tahoma, sans-serif;
        font-size:          1rem;
        height:         100%;
        margin:     0px;
        /*text-align:       center;*/
        padding-left: 15px;
        padding-right: 15px;
    }

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2    {
    font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none; line-height : 120%; color : #FFFFFF;
}

.image-container {
  display: flex;            /* Turns the div into a flex container */
  justify-content: center;   /* Centers images horizontally */
  align-items: center;       /* Centers images vertically (optional) */
  flex-wrap: wrap;           /* Allows images to stack on mobile devices */
  padding: 20px;
}

.image-container img {
  max-width: 100%;           /* Prevents images from overflowing */
  height: auto;              /* Maintains aspect ratio */
}