@tailwind base;
@tailwind components;

.icon svg {
  height: 1em;
  width: 1em;
}

.link {
  @apply bg-primary-700 text-white hover:brightness-90;
}

.link-dev {
  background-color: #0a0a0a;
}
.link-git {
  background-color: #ff6600;
}
.link-gitlab {
  background-color: #554488;
}
.link-instagram {
  background-color: #c13584;
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}
.link-mastodon {
  background-color: #6364ff;
}

.link-status {
  background-color: #33754b;
}

.prose .chroma {
  @apply rounded-md bg-neutral-50 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
}

@tailwind utilities;