@tailwind base;
@tailwind components;
@tailwind utilities;
/*
 * 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.
 *


 */

 /**
 * MARK: Base
 */
* {
  font-family: 'Inter', sans-serif, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html, body {
  height: 100%;;
}
body {
  display: flex;
  flex-direction: column;
}

/**
 * MARK: Font Size
 * - https://getbootstrap.com/docs/5.3/utilities/text/#font-size
 * - https://tailwindcss.com/docs/font-size8 
 */
.fs-7 {
  font-size: 0.875rem; /* 14px */
  line-height: 1.25rem; /* 20px */
}
.fs-8 {
  font-size: 0.75rem; /* 12px */
  line-height: 1rem; /* 16px */
}

/**
 * MARK: Components / Navbar
 */
.theme__navbar {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
  border-bottom: 2px solid #2dd4bf;
}

.theme__navbar__brand-container {
  display: flex; 
  align-items: center;
}

.theme__navbar__brand-container__link {
  text-decoration: none !important;
  color: rgb(33, 37, 41) !important;
}