html {
  border: 1px solig gray;
  font-family: "DejaVu Serif"; }

div.entry {
  border: 1px solid gray;
  padding: 10px 15px;
  margin: 0px; }
  div.entry div.entrymeta {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 15px;
    cursor: pointer; }
    div.entry div.entrymeta span.time {
      color: gray; }
    div.entry div.entrymeta span.user {
      text-decoration: underline; }
    div.entry div.entrymeta img.userimage {
      width: 80px; }
  div.entry div.contents p {
    margin: 8pt 0pt; }
  div.entry img {
    max-width: 100%; }
  div.entry.comment {
    border: none;
    padding: 0px 15px;
    margin: 0px;
    display: flex;
    gap: 5px; }
    div.entry.comment .left {
      width: 70px;
      display: flex;
      flex-direction: column; }
      div.entry.comment .left .spacer {
        background-color: black;
        height: 100%;
        width: 6%;
        margin: 0px 47%; }

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

input,
textarea,
button,
select {
  padding: 4pt 6pt;
  margin: 3pt 0pt;
  border: 2px solid black;
  cursor: pointer;
  box-shadow: 0px 0px; }
  input:hover,
  textarea:hover,
  button:hover,
  select:hover {
    box-shadow: 1px 1px; }
  input:focus,
  textarea:focus,
  button:focus,
  select:focus {
    box-shadow: 3px 3px black;
    outline: none; }

button {
  background-color: #ffabcd; }

#response div {
  padding: 4pt 6pt; }

#response .error {
  color: red; }

.loading {
  background-color: #fffa;
  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; }

.post {
  border: 1px solid black;
  padding: 15px 15px;
  margin: 10px 0px; }
  .post img {
    max-width: 100%;
    max-height: 800px; }
  .post .meta {
    color: gray; }
  .post .content {
    margin: 10px 0px; }