body {
  font-family: "Nunito sans", "Avenir Next", sans-serif;
}

img:not([alt]):not(.emojione) {
  outline: 1px dashed red;
}


/**
 * Perish! on hover/focus 
 *
 * See: https://octodon.social/@cwebber/109347950987687838
 */
.compose-form__publish-button-wrapper button,
.compose-form__publish-button-wrapper button::before {
  transition: color 0.5s;
}

.compose-form__publish-button-wrapper button::before {
  content: "Perish!";
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(255,255,255,0);
  transform: translate3d(-50%, -50%, 0);
}

.compose-form__publish-button-wrapper button:hover,
.compose-form__publish-button-wrapper button:focus {
  color: rgba(255,255,255,0);
}

.compose-form__publish-button-wrapper button:hover::before,
.compose-form__publish-button-wrapper button:focus::before {
  color: rgba(255,255,255,1);
}

/**
 * Font size adjustment for proportional units and increased legibility
 */
body {
  font-size: 1rem;
}
.reply-indicator__content .emojione,
.status__content .emojione {
  width: 1.5em;
  height: 1.5em;
}

/* Main text areas */
.reply-indicator__content, .status__content,
.status__info .status__display-name,
.compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input,
.account__header__content,
.status-card {
  font-size: 1.125rem;
  line-height: 1.4;
}

.column,
.drawer {
  width: 26.8rem;
}

@media (max-width: 100rem) {
  .column,
  .drawer {
    width: 23.5rem;
  }
}
.column_link {
  font-size: 1.125rem;
  line-height: 1.1;
}

.link-footer {
  font-size: 1rem;
}