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

@layer base {
  @font-face {
    font-family: 'e-Ukraine';
    src: url(../fonts/e-ukraine/e-Ukraine-Thin.woff) format('woff');
    font-display: 'auto';
    font-style: thin;

    font-weight: 100;
  }

  @font-face {
    font-family: 'e-Ukraine';
    src: url(../fonts/e-ukraine/e-Ukraine-Light.woff) format('woff');
    font-display: 'auto';
    font-style: light;
    font-weight: 300;
  }
  @font-face {
    font-family: 'e-Ukraine';
    src: url(../fonts/e-ukraine/e-UkraineHead-Regular.woff) format('woff');
    font-display: 'auto';
    font-style: light;
    font-weight: 400;
  }
  @font-face {
    font-family: 'e-UkraineHead';
    src: url(../fonts/e-ukraine/e-UkraineHead-Regular.woff) format('woff');
    font-display: 'auto';
    font-style: light;
    font-weight: 400;
  }
  @font-face {
    font-family: 'e-Ukraine';
    src: url(../fonts/e-ukraine/e-Ukraine-Medium.woff) format('woff');
    font-display: 'auto';
    font-style: medium;
    font-weight: 500;
  }
  @font-face {
    font-family: 'e-Ukraine';
    src: url(../fonts/e-ukraine/e-Ukraine-Bold.woff) format('woff');
    font-display: 'auto';
    font-style: bold;

    font-weight: 700;
  }

  body {
    font-family: 'e-Ukraine' !important;
  }
}