@config "./tailwindcss.config.js";

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

@font-face {
    font-family: 'PowerGrotesk';
    src: url('./PowerGrotesk-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400; /* Se necessario, specifica il peso */
}

.font-logo {
    font-family: 'PowerGrotesk', sans-serif;
    font-style: normal;
    font-weight: 400; /* Specifica il peso corretto se necessario */
}

.font-keywords {
    font-family: "Fraunces", serif;
    src: url('./Fraunces-Italic.ttf') format('truetype');
    font-optical-sizing: auto;
    font-style: italic;
    font-variation-settings:
      "SOFT" 0,
      "WONK" 0;
}

.font-keywords-bold {
    font-family: "Fraunces", serif;
    src: url('./Fraunces-Variable.ttf') format('truetype');
    font-weight: 700; /* Peso bold */
    font-style: normal; /* Non italic */
    font-size: 1rem;
    line-height: 1.5rem;
    font-optical-sizing: auto;
    font-variation-settings:
      "SOFT" 0,
      "WONK" 0,
      "wght" 700; /* Peso bold */
}

body {
  font-family: 'Arial', sans-serif;
  overflow-x: hidden;
}