/* Font Styles */
body {
  font-family: "Helvetica", Times, serif;
  font-size: 18px;
  line-height: 1.6;
  color: #444444;
}

h1, h2, h3 {
  font-family: "Arial", sans-serif;
  font-weight: bold;
  color: #444444;
}

p {
  margin-bottom: 1em;
}

/* Block Styles */
.block {
  background-color: #f3eff5;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #72b01d;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Color Palette */
:root {
  --primary-color: #3f7d20;     /* Deep green */
  --secondary-color: #454955;   /* Slate grey */
  --tertiary-color: #f3eff5;    /* Light grey */

  --boys-color: #ff7f50;        /* Coral orange for Boys */
  --girls-color: #6ca4a8;       /* Soft aqua for Girls */
  
  --male-teacher: #334e68;      /* Midnight blue for Male Teachers */
  --female-teacher: #6b2e5f;    /* Deep plum for Female Teachers */
  --other-teacher: #5f652b;     /* Olive for Other/Neutral Gender Teachers */
}


/* Text Colors */
h1, h2, h3 {
  color: var(--primary-color);
}

/* Background Colors */
body {
  background-color: #FDFDFD;
}

.block1 {
  background-color: var(--secondary-color);
  color: white;
 padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--primary-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.teacher{
  background-color: var(--female-teacher);
  color: white;
 padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--primary-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.green {
  background-color: var(--primary-color);
  color: white;
 padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--boys-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dark {
  background-color: var(--secondary-color);
  color: #fdfdfd;
 padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--boys-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.light {
  background-color: var(--tertiary-color);
  color: #454955;
 padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--primary-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.highlight {
  background-color: #ffefb0; /* Light yellow */
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--primary-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}


/* Block for Boys */
.block-boy {
  background-color: #ff7f50; /* Orange color */
  color: white; /* White text to stand out */
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--secondary-color); /* Dark grey */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Block for Girls */
.block-girl {
  background-color: #008080; /* Teal color (complementary to orange) */
  color: white; /* White text to stand out */
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid var(--primary-color); /* Green */
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


/* Additional Styles */
/* Add any additional styles or overrides here */