@import url('https://fonts.googleapis.com/css2?family=Heebo&family=Inter:wght@500;600&family=Readex+Pro:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300&display=swap');

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


@layer components {
  .btn {
    @apply rounded-full px-3 py-2
  }

  .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;
  }
}

body {
  background: url(/assets/decorative/bg-organic-lines-mobile-f1a3d7449561a361e3362138861e7001dec56666d5c1d7f8cc65d7523a4162fe.svg) no-repeat 100% 0%;
  background-color: #080010;
  color: white;
}
/*
 * 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.
 *


 */