:root {
  /* Default (Light) theme */
  --bg: #fafafa;
  --text: #595959; /*#333333;*/
  --link: #000000;
  --accent: #DBDBDB;
  --link-hover: #7f7f7f;
  --textarea-background: #FFFFFF;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #252525;
    --text: #B8B8B8;
    --link: #FFFFFF;
    --accent: #7c7c7c;
    --link-hover: #7f7f7f;
    --textarea-background: #252525;
  }
}

html {
  font: 100%/1.6 charter, Cambria, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 40rem) {
  html {
    font-size: 112%;
  }
}

@media (min-width: 64rem) {
  html {
    font-size: 120%;
  }
}

body {
  background-color: var(--bg);
  color: var(--text);
  -webkit-text-size-adjust: 100%;

}

.container {
  margin: 0 auto;
  margin-top:5%;
  /* max-width: 53rem;*/
  max-width:32rem;
  width: 90%;
}

img {
  width: 100%;
    max-width: 32rem;
    height: auto;

}

img.avatar {
  border-radius:50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* width: 50%; */
  width:15%;
  margin-bottom:1.2rem;
  margin-top:1.2rem;
}


h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
  margin: 0;
}

h1 {
  font-size: 2.25rem;
  line-height: 1  /*2.4rem*/;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.313rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 40rem) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.25rem;
  }
  h3 {
    font-size: 1.5rem;
  }
}

hr { /*border-top: 1px solid var(--accent); opacity: 0.1; margin:1.5rem 0 1.5rem 0; */
    border: none;
    background-color: var(--accent);
    color: var(--accent);
    height: 1px;
    margin:1.5rem 0 1.5rem 0;
}

.subscription-textarea {
  box-sizing: border-box;
  display:block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  background-color: var(--textarea-background);
  width: 14rem;
  border: 1px solid var(--accent);
  box-shadow: 1px 1px;
  border-radius: 5px;
  padding: .4rem 1rem .4rem 1rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.subscription-button {
  box-sizing: border-box;
  display: block;
  background-color: var(--accent);
  color: var(--text);
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  padding: .4rem 1rem .4rem 1rem;
  font-size: 1.2;
  line-height: 1.2rem;
  margin-top: 1rem;
  border-radius: 5px;
  text-transform: uppercase;
  border: 1px solid var(--text);
  box-shadow: 1px 1px;

}
.subscription-button:hover, .subscription-textarea:hover, .subscription-textarea:active {color:var(--accent);
background-color: var(--text);
border: 1px solid var(--accent);}

ul.pilcrow-list, ul.manicule-list {
	position: relative;
	list-style: none;
	margin-left: 1.2rem;
	padding-left: 1.2em;
}

.pilcrow-list li:before {
	content: '\00b6';
	position: absolute;
	left: 0;
}

.manicule-list p:after { 	content: '\00b6';
	position: absolute;
	margin-left: 5px; }

.manicule-list p { margin-left: 1.2rem; }


.manicule-list li:before {
  content: '\00261E';
	position: absolute;
	left: 0;
}


.pilcrow-list li ul li:before, .manicule-list li ul li:before {
  content:''!important;
}
.pilcrow-list li, .manicule-list {
  margin: .8rem 0 0 0;
  line-height: 1.6;
}

ul.pilcrow-list li a, ul.manicule-list li a{ font-style: italic; text-decoration:none; font-weight: normal;}

a:link, a:visited, a:active { color:var(--link); }
a:hover {color:var(--link-hover); }

a.discreet-link:active, a.discreet-link:visited, a.discreet-link {
  color:var(--text); text-decoration:none;
}
a.discreet-link:hover {color:var(--link-hover); }

.site-title { text-align:center; margin-top:0px; margin-bottom:1.2rem;}
.subheading { text-align:center; margin-top:1.2rem; margin-bottom: 1.2rem; font-size: 1.2rem;}
.section-heading {  text-transform:uppercase; letter-spacing: 0.1rem; }
.publication-updates { text-align: center; margin-bottom:0px; }
.rss-link { text-transform:uppercase; font-family:Helvetica, Arial, sans-serif;font-size:0.6rem; margin-top: 2rem; text-align:center; }
.byline { font-size:0.8rem; margin-top: 2rem; margin-bottom:3px; text-align:center; }
.date-stamp { text-transform:uppercase; font-family:Helvetica, Arial, sans-serif;font-size:0.4rem; margin-top:0px; text-align:center; }
.footer { margin-top:.1rem; margin-bottom:.1rem;}
.license-text { font-size:.6rem; text-align:center; margin-top: 0px; }
.pubdate { font-size:.6rem; text-align:center; margin-top: 0px;}