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

@layer components {
  h1{
    @apply text-4xl mb-4
  }
  h2{
    @apply text-3xl mb-3
  }
  a{
    @apply underline 
  }
  #connexion{
    @apply p-8 border-2 rounded-xl
  }
  .field{
    @apply mb-4
  }
  .field input{
    @apply rounded
  }

  .button{
    @apply rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer
  }

  th span{
    @apply italic
  }
  th span:first-child{
    @apply font-black not-italic
  }

  /* //// PAGINATION //// */

  .prev, .next, .page, .last, .first{
    @apply ml-2 rounded-lg py-1 px-2 bg-gray-100 inline-block font-medium hover:bg-sky-400
  }

  .current{
    @apply font-black
  }

  /* //PAGINATION */
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */