@import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@import '../../node_modules/@damillora/shian/dist/app.css';
/* 
@tailwind base;

html {
  @apply font-sans;
}

.primary-tag-header {
  @apply bg-blue-700 w-auto inline-block px-2 py-1 text-white text-sm transition duration-300 ease-in-out;
}
.primary-tag-header:hover {
  @apply transition-all duration-300 ease-in-out underline;
}

.tag-accent-color {
  @apply inline-block rounded-full align-text-bottom h-12 w-12;
}
.tag-accent-color.small {
  @apply h-4 w-4;
}
.tag-accent-color.medium {
  @apply h-6 w-6;
}
.author-image {
  @apply inline-block rounded-full align-text-bottom h-12 w-12;
}
@screen md {
  .tag-accent-color {
    @apply h-16 w-16;
  }
  .author-image {
    @apply h-16 w-16;
  }
}
.author-list {
  @apply flex flex-row items-center my-2 py-2;
}
.author-images {
  @apply flex flex-row;
}
.author-names {
  @apply flex-grow flex flex-col;
}
.author-names a:hover {
  @apply underline;
}

.post-feed {
  @apply grid grid-cols-1 gap-y-4 my-8;
}

@tailwind components;

@tailwind utilities;
 */