@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .flex-0 {
    flex:0;
  }
  .flex-2 {
    flex-grow: 2;
  }

  .flex-3 {
      flex-grow: 3;
  }
}

@layer components {
  .secret-table {
    @apply bg-mineshaft-800 text-left text-bunker-300 w-full;
  }

  /* padding except for comment column */
  .secret-table th {
    @apply py-2 px-4 font-medium;
  }

  .secret-table td {
    @apply py-1 px-1 pr-2 text-sm;
  }

  .secret-table th:not(:last-child),.secret-table td:not(:last-child) {
    @apply border-r border-mineshaft-600;
  }

  .secret-table tr {
    @apply border-b border-mineshaft-600;
  }
}

@import '@fontsource/inter/400.css';
@import '@fontsource/inter/500.css';
@import '@fontsource/inter/700.css';
