body {
  margin: 0;
  min-height: 100vh;
  background-color: #cff0fd; /* Your background color */
  background-image: repeating-linear-gradient(
    to right,
    transparent,
    transparent 40px,
    rgba(255, 255, 255, 0.4) 40px, /* Soft white stripe */
    rgba(255, 255, 255, 0.4) 80px
  );
}

h1{
    font-family: 'Trebuchet MS';
    text-align: center;
    font-size: 135%;
}

h2{
    font-family: 'Trebuchet MS';
    text-align: center;
}

/* 1. Base style for ALL navigation links (forces consistent size & style) */
.pagelinks {
    color: black;
    background-color: transparent;
    text-decoration: none;
    font-family: 'Trebuchet MS';
    font-size: 200%;
}

/* 2. Visited state stays black and underlined-free */
.pagelinks:visited {
    color: black;
    text-decoration: none;
}

/* 3. Hover state */
.pagelinks:hover {
    color: #7ec0da;
    text-decoration: none;
}

/* 4. Active click state (while mouse button is held down) */
.pagelinks:active {
    color: black;
    text-decoration: none;
}

/* 5. Highlight ONLY the active current page */
.pagelinks-active {
    color: #3fa8d1; /* Set your preferred current-page color here */
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    font-family: 'Trebuchet MS';
    font-size: 200%;
}


.divider{
    font-family: 'Trebuchet MS';
    font-size: 200%;
}

.image-rules{
    display:flex;
    justify-content: center;
    align-items: center;
}

.image1{
    height: 250;
}

.content-box {
  background-color: #ffffff; /* White background */
  max-width: 800px;          /* Prevents the box from stretching too wide */
  margin: 40px auto;         /* Centers the box horizontally on the page */
  padding: 30px;             /* Adds space between the text and box edges */
  border-radius: 12px;       /* Rounds the corners of the box */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Adds a subtle drop shadow */
}

.paragraphs{
    font-family: 'Trebuchet MS';

}