:root {
  --border-radius: 3px;
}

/* misc */
.indent {
    padding: 1em 3em;
}

p {
    margin: 1em;
}

h1, h2 {
    margin: 2em 0;
}

nav a {
    border: 1px solid #ffffff;
}

/* article list */
.article-list li {
    margin: 15em 0;
}

/* post page */
.post .story p {
    margin: 0;
}
.post .story p:first-child {
    padding-left: 3em;
}
.post blockquote p {
    margin: 1em 1em;
}
.post blockquote p {
    padding-left: 1em;
}
.post h1, .post h2 {
    margin: 3.5em 0 2em;
}
.post blockquote {
    margin: 3.5rem 0;
}
.post .haiku-w {
    overflow: hidden;
}
.post .haiku-w blockquote {
    width: fit-content;
    margin-left: 1em;
}
.post .haiku-w blockquote:nth-child(1) {
    float: left;
}
.post .haiku-w blockquote:nth-child(2) {
    float: right;
    margin-top: -6em;
}

/* about page */
.why p {
    margin: 10em 0;
}

.why blockquote p {
    margin: 0;
}

.about-piramid p {
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
  border-left: 4px solid #989898;
  background: #f9f9f9;
  font-style: italic;
  color: #555;
}

/*******/

.logo:hover {
  transform: scale(15);
}
.logo {
  transition: all 1s;
  transform-origin: 50% -0%;
}