@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; }

@font-face {
  font-family: "Cheltenham Classic";
  src: url("/static/assets/cheltenham/CheltenhamClassic.ttf"), url("/static/assets/cheltenham/CheltenhamClassic.otf") format("truetype");
  font-weight: normal;
  font-style: normal; }

html {
  background-image: url("/static/assets/concrete/Concrete012_1024p_Color.jpg");
  font-family: "EB Garamond";
  font-optical-sizing: auto; }

h1 {
  font-family: "Cheltenham Classic", serif;
  background-color: white;
  display: inline-block; }

p {
  line-height: 1.5; }

span {
  background-color: white; }

#main-frame {
  background-color: white;
  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; }

#contentnotice {
  background-color: white;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10pt; }
  #contentnotice h1,
  #contentnotice h3 {
    margin: 6pt; }
  #contentnotice div {
    width: 100%;
    max-width: 500px; }

.entry .meta {
  color: gray;
  margin: 2pt 4pt;
  font-size: 12pt; }

.entry .content {
  margin: 10pt;
  font-size: 14pt;
  word-wrap: break-word;
  max-height: 500px;
  overflow: hidden; }

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

.entry .interactions {
  display: flex;
  justify-content: space-around; }

#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; }

#headerbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: white;
  margin: 0px; }

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