/* Base intro container */
.intro {
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  margin: 20px auto;
  max-width: 800px;
}

/* Member-specific themes */
.alex-intro {
  background: linear-gradient(135deg, #0d0d0d, #1a1a1a); /* black/charcoal base */
  color: #e60073; /* deep fuchsia text */
  font-family: "Oswald", sans-serif; /* still bold, edgy */
  text-shadow: 1px 1px 2px #000000; /* subtle glow so text stands out */
  border-left: 4px solid #8b0000; /* blood-red accent bar */
  padding: 1em;
}

.aloe-intro {
  background: linear-gradient(135deg, #d8f3dc, #b7e4c7); /* pale, soft greens */
  color: #2d4739; /* deep earthy green for text */
  font-family: "Quicksand", sans-serif; /* rounded, soft look */
  border-left: 4px solid #95d5b2; /* slightly stronger green accent */
  padding: 1em;
}

.arizona-intro {
  background: linear-gradient(to bottom right, #ffb347, #ff7e5f); /* sunset orange */
  color: #2b2b2b;
  font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  max-width: 700px;
  margin: auto;
  line-height: 1.6;
  font-size: 1.1rem;
  text-align: center;
}

.charlie-intro {
  font-family: "Lucida Console", monospace; /* typewriter feel but more readable */
  background-color: #fff9d6; /* soft yellow for warmth without being too bright */
  color: #3b3b2e; /* dark green-brown text for readability */
  border-left: 6px solid #a3c36f; /* accent bar on the left (green-yellow) */
  padding: 20px;
  margin: 20px 0;
  border-radius: 6px;
  line-height: 1.6;
}

.chloe-intro {
  font-family: "Comic Sans MS", "Trebuchet MS", sans-serif; /* playful, childlike */
  background: linear-gradient(135deg, #fbc2eb, #a6c1ee); /* soft pink to purple gradient */
  color: #4a2c5c; /* deeper purple for text readability */
  border: 3px solid #ff69b4; /* brighter pink border to pop */
  padding: 20px;
  margin: 20px 0;
  border-radius: 10px; /* rounded for softness */
  line-height: 1.6;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* subtle shadow for depth */
}

.holly-intro {
  font-family: 'Indie Flower', cursive;
  color: #2e1a47; /* dark purple text */
  background-color: #fdfdf5; 
  max-width: 550px;           
  margin: 30px auto;          
  padding: 20px 25px;         
  border: 1px solid #d0c9b4; 
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  line-height: 1.6em;
  font-size: 1.4em; /* increased text size */
  /* Paper lines */
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(200, 200, 200, 0.3) 0,
    rgba(200, 200, 200, 0.3) 1px,
    transparent 1px,
    transparent 28px
  );
  background-size: 100% 28px; 
}

.hornet-intro {
  background-color: #1a1a1a; /* very dark, almost black */
  color: #f5f5f5; /* light text for contrast */
  font-family: "Georgia", serif; /* elegant, serious font */
  padding: 2rem;
  margin: 2rem auto;
  border-left: 6px solid #b8860b; /* gold accent bar on the left */
  border-radius: 8px;
  max-width: 700px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5); /* subtle shadow for depth */
}
.hornet-intro h2 {
  color: #cd3333; /* dark red for headings */
  margin-bottom: 1rem;
}

.hornet-intro p {
  line-height: 1.7;
  color: #dcdcdc; /* softer text for readability */
}

.jess-intro {
  background: linear-gradient(to left, #000000 0%, #000011 60%);
  color: #33ff88;
  font-family: 'Fira Code', 'Source Code Pro', monospace;
  padding: 2rem;
  border-radius: 10px;
  line-height: 1.5;
  max-width: 700px;
  margin: 2rem auto;

}

.jess-intro h2 {
  color: #66ffaa;
  font-size: 2rem;
  margin-bottom: 1rem;
  text-shadow: 0 0 3px #66ffaa, 0 0 6px #66ffaa; /* slightly stronger glow for header */
}

.jess-intro p {
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  
}


.karma-intro {
  font-family: 'Cinzel', serif; /* feels mystical but still readable */
  background: linear-gradient(to bottom right, #1a001a, #000);
  color: #f2f2f2;
  padding: 2rem;
  border-left: 6px solid #228B22; /* deep green accent */
  border-radius: 8px;
  max-width: 800px;
  margin: 2rem auto;
  line-height: 1.7;
}

.karma-intro h2 {
  font-size: 2rem;
  color: #b19cd9; /* mystical lavender */
  margin-bottom: 1rem;
  text-shadow: 0 0 6px #4b0082;
}

.karma-intro a {
  color: #32cd32; /* glowing green */
  text-decoration: none;
  border-bottom: 1px dashed #32cd32;
}

.keith-intro {
  background: linear-gradient(to bottom right, #0a0a1a, #0f234a);
  color: #e0e0e0;
  font-family: 'garamond', sans-serif;
  font-size: medium;
  padding: 2rem;
  border: 6px solid #3b82f6; /* bright blue accent */
  border-radius: 10px;
  max-width: 700px;
  margin: 2rem auto;
  box-shadow: 0 0 15px rgba(10, 40, 90, 0.6);
}

.konnie-intro {
  /* fun polka dot pattern */
  background-color: #f9c5d1; /* pastel pink base */
  background-image: radial-gradient(#a7d8f5 12%, transparent 12%),
                    radial-gradient(#d2b48c 12%, transparent 12%);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;

  color: #2b2b2b;
  font-family: 'Baloo 2', cursive;
  padding: 2rem;
  max-width: 750px;
  margin: 2rem auto;
  border-radius: 20px;
  border: 6px solid #fff; /* 👈 white border */
  box-shadow: 0 0 18px rgba(0,0,0,0.25);
}

.konnie-intro h2 {
  font-size: 2.2rem;
  color: #ff69b4; /* hot pink header */
  margin-bottom: 1rem;
  text-align: center;
  text-shadow: 2px 2px #fff;
}

.konnie-intro p {
  background: rgba(255,255,255,0.85);
  padding: 1rem 1.5rem;
  border-radius: 12px;
  font-size: 1.1rem;
  line-height: 1.6;
}


.lucy-intro {
  font-family: "Shadows Into Light Two";
  background: linear-gradient(to bottom right, #fff9c4, #ffd59e);
  color: #000;
  padding: 2rem;
  border: 4px solid #ff80ab;
  border-radius: 12px;
  max-width: 650px;
  margin: 2rem auto;
  text-align: center;
  box-shadow: 0 4px 10px rgba(255, 128, 171, 0.3);
}

.lucy-intro h2 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
  color: #000;
  display: inline-block;
  padding-bottom: 0.3rem;
}

.lucy-intro p {
  font-size: 1.25rem;
  line-height: 1.7;
  margin: 0 auto;
}


.marmalade-intro {
  background: linear-gradient(to bottom, #2f3e30, #3f4f40); /* deep earthy green gradient */
  color: #e8d5b5; /* soft parchment-like text */
  font-family: "Merriweather", serif;
  border-left: 6px solid #b76e2b; /* muted earthy orange accent */
  padding: 20px;
  margin: 20px auto;
  max-width: 700px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}

.marmalade-intro h2 {
  color: #d1884f; /* warmer, softer orange for header */
  font-family: "Merriweather", serif;
  margin-bottom: 10px;
}

.marmalade-intro p {
  font-size: 1.1em;
  line-height: 1.6;
}


.reef-intro {
  background: #e0f2f1;
  color: #004d40;
  font-family: "Trebuchet MS", sans-serif;
}

.shiloh-intro {
  border: 6px double #a8cfae; /* thick double lines in a soft green */
  border-radius: 20px;          /* rounded corners for a gentle look */
  padding: 20px;
  background-color: #fff8e7;    /* cream/eggshell base */
  color: #6b8c73;               /* slightly darker green text */
  font-family: "Bookman Old Style", serif;
}

.shiloh-intro h2 {
  color: #4f8b4f; /* darker green for visibility */
  font-family: "Bookman Old Style", serif;
  font-weight: bold;
  margin-bottom: 12px;
}

.shiloh-intro p {
  font-size: 1.15em;
  line-height: 1.7;
  color: #444;
}



.summer-intro {
  background: #fffde7;
  color: #f57f17;
  font-family: "Verdana", sans-serif;
}

.sunday-intro {
  background: #fce4ec;
  color: #ad1457;
  font-family: "Garamond", serif;
}

.szarlotka-intro {
  background: #efebe9;
  color: #3e2723;
  font-family: "Courier", monospace;
}

.thorn-intro {
  background: #e8f5e9;
  color: #1b5e20;
  font-family: "Franklin Gothic Medium", sans-serif;
}

.tommy-intro {
  background: #e1f5fe;
  color: #01579b;
  font-family: "Arial Black", sans-serif;
}

.xander-intro {
  background: #f9fbe7;
  color: #827717;
  font-family: "Century Gothic", sans-serif;
}

.yuri-intro {
  background: black;
  color: lime;
  font-family: "Lucida Console", monospace;
}