@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
@font-face {
  font-family: "EB Garamond";
  src: url("static/assets/EBGaramond-0.016/ttf/EBGaramond12-Regular.ttf"), url("static/assets/EBGaramond-0.016/otf/EBGaramond12-Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }

html {
  font-family: "EB Garamond";
  font-optical-sizing: auto; }

h1 {
  font-family: "cheltenhamclassic", serif; }

#main-frame {
  max-width: 600px;
  margin: auto;
  border: 1px solid black;
  border-top: none;
  border-bottom: none; }

hr {
  border-top: 1px solid black;
  border-bottom: none;
  margin: 0px; }

.entry .meta {
  color: gray;
  margin: 2pt 4pt; }

.entry .content {
  margin: 10pt; }

.entry img {
  max-width: 100%; }

#loading {
  background-color: #fff9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  transition: background-color 5s;
  transition-timing-function: ease-in; }

#infinite-scroll-indicator {
  text-align: center; }

form {
  display: flex;
  flex-direction: column; }
  form * {
    margin: 4px 6px; }
  form textarea {
    resize: vertical;
    font-size: 1.0rem; }
  form.create {
    border: 1px solid gray;
    padding: 10px 15px;
    margin: 0px; }
  form hr {
    width: 100%; }