@import url("fonts.css");
body {
  width: 50ch; /* Ensures columns are at least 50ch wide */
  column-width: 50ch; /* Ensures columns are at least 50ch wide */
  column-gap: 2em; 
  column: auto;
  margin: 3em 2em;
  height: 90vh;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #0a0d0a;
  color: #f5fff5;
  font-family: Outfit, sans-serif;
}



h2, h3, h4, h5, h6 {
    margin-block-end: 10px;
    margin-top: 10px;
}

h1 {
    font-weight: 700;
    line-height: 1;
    font-size: 3em;
    color: #908caa;
}
h2 {
  font-weight: 700;
  line-height: 1;
  font-size: 2.5em;
  color: #3f8268;
  /* break-before: column; /\* Ensures h2 and its content stay together *\/ */
  /* margin-top: -49px; */
}


h3 {
    font-weight: 700;
    line-height: 1;
    font-size: 2em;
    color: #599d81;
}

h4 {
    font-weight: 700;
    line-height: 1;
    font-size: 1.5em;
    color: #74b89c;
}

h5 {
    font-weight: 700;
    line-height: 1;
    font-size: 1.25em;
    color: #8fd4b7;
}

h6 {
    font-weight: 700;
    line-height: 1;
    font-size: 1.05em;
    color: #abf1d3;
}

p.subtitle {
    font-style: italic;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    line-height: 1;
}

p,
dl,
ol,
ul {
    font-size: 1.4rem;
}

p {
  padding-right: 0;
  vertical-align: baseline;
  scroll-snap-align: start;
  font-size: 20px;
  /* margin-top: 0; */
  /* margin-bottom: 0; */
}


blockquote {
    font-size: 1.4rem;
}

blockquote p {
    margin-right: 2em;
    border-left: 5px solid #deb887;
    padding-left: 1em;
}

p.verse {
    margin-left: 2em;
    padding-left: 1em;
    border-left: 5px solid #a4eacc;
    border-radius: 3px;
}

blockquote footer {
    font-size: 1.1rem;
    text-align: right;
}

body::-webkit-scrollbar {
    display: none;
}

/* ORG ALIST */
/* plus */
b {
    color: #ea8a97;
}
/* italic */
i {
    color: #9ccfd8;
    font-weight: 700;
}
/* underline */
span.underline {
    color: #ebbcba;
    font-weight: 900;
    text-transform: uppercase;
}

/* equals */
code {
    color: #f6c177;
    font-family: Outfit, sans-serif;
    text-transform: uppercase;
}
/* plus */
del {
    font-family: Outfit, sans-serif;
    text-decoration: none;
    color: #c4a7e7;

}

del::before {
    content:"🖥️ ";
    font-family: Maple Mono NF;
}

del, code, span.underline {
    padding: 0.1em 0.2em;
    background-color: #2a283e;
    border-radius: 6px;
}


div.text {
}