a {
  color: #36c;
  text-decoration: none;
}

a:link {
  color: #368484;
}

a:hover {
  color: #6f0;
  text-decoration: underline;
}

a:visited {
  color: #9cf;
}

a:active {
  color: #f00;
}

b {
  font-weight: bolder;
}

body {
  margin: 0;
  padding: clamp(1rem, 3vw, 2em);
  background-color: #f5f5f5;
  color: #2c2c2c;
  background-attachment: fixed;
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Helvetica, Verdana, Arial, sans-serif;
  font-size: clamp(1rem, 1.2vw + 0.2rem, 1.125rem); /* ~16px to 18px */
  line-height: 1.6;
  box-sizing: border-box;
}

h1 {
  font-size: 1.2em;
  padding-top: 0.5em;
  margin-top: 0.2em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
}

h2 {
  font-family: "Times New Roman", Times, serif;
  font-size: 2.5em;
  font-weight: bold;
}

h3 {
  font-family: "Times New Roman", Times, serif;
  font-size: 2em;
  font-weight: bold;
}

h4 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.75em;
  font-weight: bold;
}

h5 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5em;
  font-weight: bold;
}

h6 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.25em;
}

.americanhealings {
  text-align: center;
  font-size: 0.9em;
  border-right: 0.5em solid #f6f;
  border-left: 0.5em solid #f6f;
}

.apotomo-Powered {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: blue;
  margin-left: 1em;
  margin-right: 1em;
  text-decoration: none;
}

.names {
  font-size: 3em;
  font-family: Georgia, Helvetica, sans-serif;

  /* same as body : line-height: normal; */

}

.letters {
  font-size: 0.8em;
  font-family: Georgia, Helvetica, sans-serif;
}

.revealings {
  /* same as body : font-size: 1em; */
  font-family: Georgia, Helvetica, sans-serif;
}

.sequences {
  font-size: 2em;
  font-family: Georgia, Helvetica, sans-serif;
}

/* .centered is aligned in all .css files having it */

.centered {
  font-size: clamp(0.9rem, 1.5vw, 1rem); /* scales ~14.4px–16px */
  font-family: system-ui, Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5;
  text-align: center;
}

.chineseview {
  margin-bottom: 3em;
  font-size: 0.8em;
}

.copyright {
  font-size: clamp(0.75rem, 1.2vw, 0.9rem); /* ~12px–14.4px */
  color: #6a5acd; /* SlateBlue */
  text-align: right;
  padding-right: 1rem;
  margin-top: 1rem;
  line-height: 1.4;
  font-style: italic;
}

.greendrinks {
  color: #7cfc00;
  font-weight: bold;
  font-size: 1.5em;
}

.healings {
  width: 90%;
  font-size: 110%;
}

/* /earthlings + 45 other files on 20241123 */

/* exact duplicates in textstwo.css, startarts.css */

.heartlings {
  clear: both;
  font-size: 1.2em;
  text-align: center;
}

.lexigram {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

.lexigramname {
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
}

/*
  LexigramWord can be removed from texts.css at some point in future, after textstwo.css has been removed entirely.
  20250326 removed from textstwo.css : exists in texts.css and stararts.css
  .lexigramword {
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
  }
*/

/* 202503261641 Odd, lotusoul exists only in this file : it is unused : this is very odd. Now query is, where did it go ??
/# 202503261646 When was it lost, the user/consumer of .lotussoul : something has been removed ??
.lotussoul {
  color: #faf519;
  font-family: Helvetica, sans-serif;
  font-size: 105%;
  font-weight: bold;
  text-align: center;
}
/* 202503261641 Odd, lotusoul exists only in this file : it is unused : this is very odd. Now query is, where did it go ??
/# 202503261646 When was it lost, the user/consumer of .lotussoul : something has been removed ??
.manlyphall {
  text-align: center;
  font-size: 125%;
}
/* 202503261641 Odd, all below are existing here:
.matrix {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  padding: 0.1em;
  margin: 1em;
}
.meltdown {
  font-size: 1.2em;
  text-align: center;
}
.motherearth img {
  margin-top: 5px;
  margin-left: 33px;
  z-index: 75;
}
.pattysletter {
  background-color: #fffdda;
  border: 2px solid blue;
  color: #000000;
}
.quote {
  background-color: #666699;
  line-height: 1.2em;
  padding: 10px;
}
.romney {
  font-size: 2em;
  text-align: center;
}
.rubyName {
  color: #dc143c;
  font-size: 1.5em;
}
.rubyLetters {
  color: #dc143c;
  font-size: 1.2em;
}
.rubyLines {
  color: #dc143c;
  font-size: 0.9em;
}
.sadhana {
  margin: 2em;
  border: 7px double #dc143c;
  padding: 2em;
  font-size: 0.9em;
}
.small {
  font-size: 85%;
}
.solarcycle img {
  margin-top: 75px;
  margin-left: -444px;
  z-index: 2;
}
table {
  color: #ffffff;
}
td,
th {
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 2em;
  color: #333333;
}
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  list-style-type: disc;
  list-style-position: outside;
}
.style1 {
  font-size: xx-large;
  font-weight: bold;
}
.style2 {
  font-size: x-large;
  font-weight: bold;
}

.style3 {
  font-size: large;
  font-weight: bold;
}

/* 202501301315 > 20250131313 TODO: .style4's days are numbered 
 .style4 is set for extermination from site 20250131313 
 .style4 in the other files right now 202501301313 
 202501301315 > 20250131313 TODO: remove these notes after .style4 is gone a while.
 font-size: 150%; in texts.css 
 font-size: large; in textsthree.css 
 font-size: large; in textstwo.css */

.style4 {
  font-size: 150%;
}

.style5 {
  font-size: 1em;
  font-weight: bold;
}

.style6 {
  color: #ff0;
  font-style: italic;
  font-weight: bold;
}

.style7 {
  color: #fcf;
  font-weight: bold;
  font-size: 1.2em;
}

.style8 {
  color: #6ff;
  font-weight: bold;
  font-size: large;
}

.style9 {
  font-size: small;
}

.style10 {
  font-size: 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
}

.style10L {
  font-size: 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  text-align: left;
}

.style11 {
  font-style: italic;
}

.style12 {
  color: #6f0;
  font-weight: bold;
  font-size: large;
}

.style13 {
  font-size: large;
  font-weight: bold;
  color: #fc9;
}

.style14 {
  color: #0f0;
}

.style15 {
  color: #fc9;
}

.style16 {
  color: #f6f;
}

.style17 {
  font-size: x-large;
  color: #f9f;
}

.style18 {
  font-weight: bold;
  color: #fff;
}

.style19 {
  color: #f69;
}

.style20 {
  color: #f6f;
}

.style21 {
  color: #6ff;
}

.style22 {
  color: #fff;
}

.style23 {
  font-size: large;
  color: #f00;
}

/* 202501301820 .style24 is destine for destruction */

/* .style24 exists here, and in textstwo.css files */

/* .style24 exists in
 corporate-image.html
 index20080131
 index20081221
 wall-street */

.style24 {
  overflow: scroll;
  font-size: 0.8em;
  text-align: left;
  border-top: solid 2em #96f;
  border-left: solid 1.7em #c3f;
  margin: 2em 2em 2em 1em;
  padding: 5px 5px 15px 2px;
}

.style25 {
  overflow: scroll;
  border-width: 2px 2px 5px 5px;
  margin: 5px 5px 5px 3px;
  padding: 5px 5px 5px 2px;
  border-top: solid 1em #fff5ee;
  border-right: solid 0.5em #fa8072;
  font-size: 0.75em;
  text-align: left;
}

.style27 {
  text-align: justify;
}

.voyage {
  font-size: 90%;
  border: 2px solid #dc143c;
}

#chineseview {
  margin-bottom: 3em;
  font-size: 0.8em;
}

/* 20250418 combined the pablocasals and quote css classes into one
.pablocasals {
  font-size: 1.1em;
  font-style: italic;
  margin-bottom: 20px;
  text-align: center;
} */


/* 2024010236 #citing exists in two places only, both the css files

/* this one in text.css did not work, no border, not on right

/* 202401021032 TODO: changing all pablo casals quotes to class="pablocasals"

/* #citing is now unused, and still is a duplicate of global_style.css */

/* #citing {
    border-right: 0.5em solid #ff66ff;
    text-align: right;
  }
*/

#email a:link {
  color: #5c3e90;
  text-decoration: underline;
}

#email a:hover {
  color: #e62b86;
  text-decoration: underline;
}

#five-sequences {
  border: 2px solid blue;
  margin-left: 5px;
  padding: 10px;
}

#meltdown {
  font-size: 1.2em;
  text-align: center;
}

#romney {
  font-size: 2em;
  text-align: center;
}

#webutation-badge {
  text-align: center;
  padding: 2em;
}

.index {
  font-size: 0.9em;
  text-align: left;
}