@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap');

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


@layer components {
  .btn-primary {
    @apply rounded-full px-3 py-2 bg-primary text-white hover:bg-blue-700 text-white font-bold py-2 px-4
  }

  .btn-secondary {
    @apply border-2 text-gray-300 hover:bg-white/25 hover:text-white font-medium
  }

  .text-gradient {
    @apply from-pink-500 to-violet-500 bg-gradient-to-r bg-clip-text text-transparent;
  }
}
/* This file may be used for providing additional customizations to the Trestle
 * admin. It will be automatically included within all admin pages.
 *
 * For organizational purposes, you may wish to define your customizations
 * within individual partials in this folder and they'll be required below.
 *

*/
/*
 * 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.
 *


 */

@layer base {
    @font-face {
        font-family: 'Outfit';
        src: url(/font/Outfit.otf);
    }


}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 20px;
}


h1,
h2 {
    font-weight: bold
}


h1 {
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
    font-size: xx-large;
}

h2 {
    color: #333;
}

p {
    margin-bottom: 15px;
}

ol,
ul {
    margin-bottom: 15px;
    margin-left: 20px;
}