:root {
	--main-width: 60ch;
}

feed, html {
	/*scroll-behavior: smooth;*/
	font-family: sans-serif; 
	/*font-size: max(1em, 14pt);*/
	line-height: 1.5;
}
body {
  background-color:#170611;
  font-family: 'Titillium Web', sans-serif;
  font-size: 13px;
  color:#fff;
  text-align:justify;
  letter-spacing:1px;
  
  display: block;
}


feed, main, .status, .tile { box-sizing: border-box; }
feed, main {
  
	max-width: 60ch;
	margin: 0 auto;
}

#index {
  position: fixed;
  top: 2rem;
  width: 20ch;
  font-size: 13px;
  line-height: 1.4;
  left: calc(
    50% 
    - 30ch
    - 2rem
    - 20ch
  );
}

#index h2 {
  margin-top: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

#index ol {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

#index a {
  color: inherit;
  text-decoration: none;
}

#index a:hover {
  text-decoration: underline;
}

/* keep it usable on small screens: hide or move index */
@media (max-width: 700px) {
  #index {
    position: static;
    width: auto;
    margin: 1rem auto;
    text-align: center;
  }
}
  	
#page_footer { text-align: center; }
#page_footer a:first-of-type { display: block }

details > summary { cursor: pointer; }

.clear { clear: both; }
figcaption, .emailme { text-align: right; }
.centered { text-align: center; }
img { max-width: 100%; }
h3 { display: inline-block; }