:root {
  --brown: #d5c3ad;
  --black: #2a2424contain;
}

body {
  background-image: url("/static/6zeitreisende-background.jpg");
  background-color: var(--brown);
  color: var(--black);
  align-items: center;
  display: flex;
  flex-direction: column;
}

.social-link,
.further-reading-link,
.event-link,
.ad > a {
  color: inherit;
}

.social-link:hover,
.further-reading-link:hover,
.ad > a:hover {
  text-decoration: none;
}

.social-name {
  font-weight: bolder;
}

.social-platform {
  font-style: italic;
}

.meta {
  font-size: .8em;
}

.author {
  font-weight: bolder;
  font-style: italic;
}

.date-range {
  font-style: italic;

}

.location {
  font-style: italic;
}

.description {
  font-weight: bolder;
  font-size: 1.1em;
}

.content {}

.further-reading {
  font-style: italic;
  font-size: .9em;
}

.event-list {
    padding: inherit;
    align-items: center;
}
.event-item {
    display: block;
    padding: .5em;
}
.event-link {
    padding: 1em;
    text-decoration: none;
    border: var(--black);
    border-style: solid;
    border-radius: 1em;
    border-width: 2px;
    transition: all .5s;
    display: inline-block;
}
.event-link:hover {
    transform: scale(1.05);
    transition-delay: -.25s;
}
.event-image {
    padding: .25em;
}
.event-title {
    font-weight: bold;
    padding: .25em;
}
.event-description {
    padding: .25em;
}