@font-face {
  font-family: 'S2';
  src: url('STIXTwoText[wght].woff2') format('woff2');
  font-variant: small-caps;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'sc';
  src: url('sc.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'title';
  src: url('rr.otf') format('opentype');
}

:focus{border:2px dashed #000;}
::selection{background:#000;color:#fff;}

body {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight:400;
  line-height: 1.618;
  background-color: #fdfdfd;
  color: #222;
  margin: 0;
  padding: 0;
}

em {
  font-family: 'sc', 'S2', sans-serif;
  font-style:italic;
}

.underline{
  text-decoration: underline;
}



header {
  padding: 2.618rem 1.618rem;
  text-align: center;
}

.cover-header {
  background: #fff;
  border-bottom: 0.1rem solid #eee;
}

.journal-title, .first-letter {
  font-size: 2.618rem;
  margin: 0;
  letter-spacing: 0.038rem;
  font-family:'title', 'S2', serif;
}

.first-letter{margin-left:-1.618rem}

#mini-title{
  font-size:unset;
  position:relative;
  top:-0.309rem;
}

.subtitle {
  font-family:'S2', serif;
  font-style: italic;
  color: rgb(34, 34, 34);
  margin-top: 0.618rem;
}

#heading-two{font-size:2rem;}
h3{font-size:1.618rem;}

h3, #heading-two{font-family:'sc','S2', Inter, sans-serif;}

.cover-main {
  max-width: 50rem;
  margin: 2.618rem auto;
  padding: 0 1.618rem;
}

.essay-list {
  list-style: none;
  padding-left: 0;
}

.essay-list li {
  margin-bottom: 1rem;
  margin-left:1.618rem;
  list-style-type: "⬖   ";
  color:#000;
}

.uppercase{text-transform:uppercase;}

a, a:visited{
  text-decoration: underline;
  text-decoration-color: blue;
  text-decoration-style: dotted;
  color:blue;
}

h2 a{text-decoration:none;}
h2 a, .essay-list a{color:#000}
a:hover {
  text-decoration: underline;
  text-decoration-color:#000;
  text-decoration-style: solid;
  color:#000;
}
#logo{
  height:2.618rem;
  border-radius:17%;
  display:inline;
  padding:.309rem;
  padding-left:.618rem;
  vertical-align:bottom;
}

.essay-header {
  border-bottom: 0.1rem solid #eee;
  padding: 2.618rem 1.618rem;
  background: #fff;
}

.journal-heading {
  font-family:'title', 'SC', serif;
  font-size: 1.2rem;
  font-weight: normal;
  color: #666;
  margin-bottom: 0.618rem;
}

.small {
  font-size: 0.618rem;
  position:relative;
  top:-0.5315rem;
}

.essay-title {
  font-size: 2.618rem;
  margin: 0;
  color: #222;
  font-family: 'sc', 'S2', serif;
}

.article-subtitle {
  font-family:'S2', serif;
  font-size: 0.9rem;
  color: rgb(34,34,34);
  margin-top: 0.618rem;
}

main {
  max-width: 43.75rem; /* 700px */
  margin: 2.618rem auto;
  padding: 0 1.618rem;
}

p {
  margin-bottom: 1.618rem;
  font-family: Inter, sans-serif;
}
#takeaways{margin-top:1.618rem;}
article p.sc {
  font-family: 'sc', 'S2', 'Inter', sans-serif;
  font-variant: small-caps;
}

footer {
  text-align: center;
  font-size: 0.9rem;
  color: rgb(177, 172, 170);
  padding: 2.618rem 1.618rem;
  border-top: 0.1rem solid #eee;
}
#about{
  position:fixed;
  right:2.618rem;
  bottom:2.618rem;
  text-decoration:none;
  color:rgb(34,34,34);
}
#about:hover{text-decoration:underline;}
#about:visited, #about:focus{color:#000;}