:root {
  --spacing-md: 1em;
  --spacing-xl: 2em;
  --spacing-xxl: 4em;
}

.container {
  display: block;
  margin: var(--spacing-xxl) auto 0;
  max-width: 968px;
  padding: 0 var(--spacing-md);
}

.footer {
  margin-top: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  border-top: 1px solid #a9a9a9;
}

.footer p {
  text-align: center;
}

.flash {
    padding: var(--spacing-md);
    text-align: center;
    margin-top: var(--spacing-xxl);
  }

.flash.success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}

ul.error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
  padding: var(--spacing-md) var(--spacing-xl);
}

.burger.pseudo.button {
  font-size: 2.5em;
}

#frm-postForm-content,
#frm-deleteForm-content {
  min-height: 400px;
}

.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

#frm-signInForm dl dd,
#frm-commentForm dl dd,
#frm-postForm dl dd,
#frm-editForm dl dd,
#frm-deleteForm dl dd {
  margin-inline-start: unset;
}

#frm-commentForm dl dd textarea,
#frm-postForm dl dd textarea,
#frm-editForm dl dd textarea,
#frm-deleteForm dl dd textarea {
  max-width: 100%;
  min-width: 100%;
}

#frm-commentForm dl dd textarea {
  min-height: 150px;
}