* {
  font-family: "DM Sans", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.canva-text {
  font-family: "Fredoka One", "DM Sans", "Outfit", system-ui, sans-serif;
}

.btn-3d {
  transition: transform 0.1s ease, border-bottom-width 0.1s ease, box-shadow 0.1s ease;
}

.btn-3d:active {
  transform: translateY(4px);
}

img[alt] {
  color: transparent;
}

img[alt]:after {
  content: attr(alt);
  color: currentColor;
}

@media (max-width: 420px) {
  header {
    gap: 0.5rem;
  }

  header button,
  header > div {
    min-height: 44px;
  }
}