body {
  font-size: 18px;
  line-height: 1.6;
}

ul, ol, li {
  font-size: inherit;
}

/* Make only the right column scroll; keep the left visual fixed */
html, body {
  height: 100%;
  overflow: hidden;   /* stop the page (body) from scrolling */
}

.columns {
  height: 100vh;      /* keep the split container locked to the viewport */
}

.rightcontent {
  height: 100vh;
  overflow-y: auto;   /* scroll here */
  -webkit-overflow-scrolling: touch;
}

/* Keep the left side pinned while the right scrolls */
.leftcontent {
  position: sticky;
  top: 0;
  height: 100vh;
}

@media screen and (max-width: 991px) {
  html, body { overflow: auto; }
  .rightcontent { height: auto; }
  .leftcontent { position: static; height: auto; }
}

/* Make the big name + tagline use the same font as the main text */
.name,
.tagline,
.text-block {
  font-family: Lora, serif !important;
}

/* Make the tagline (name) smaller */
.tagline {
  font-size: 2.5rem;   /* adjust: try 1.4rem or 1.8rem */
  line-height: 1.15;
}

/* Force common text elements to be white */
.body, body,
h1, h2, h3, h4, h5, h6,
p, li, span, small, strong, em,
blockquote, code {
  color: #fff !important;
}

/* Make all text white */
.body, body {
  color: #fff;
}

a {
  color: #fff;
}

a:hover {
  opacity: 0.85;
}

/* Language switch button styling */
.lang-switch {
  margin-top: 1rem;
}

.lang-btn {
  font-family: Lora, serif;   /* match your site */
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,0.7);
  padding: 0.35rem 0.7rem;
  border-radius: 999px;       /* pill shape */
  display: inline-block;
}

.lang-btn:hover {
  border-color: #fff;
  opacity: 0.9;
}

.intro-row {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.intro-row .name {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  /* keep bottom margin so it creates space below */
}

/* Add space below the title */
.name {
  margin-bottom: 2rem;
}