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

@font-face {
  font-family: 'fort-bold';
  src: url('../../client/assets/fonts/Fort-Bold.eot');
  src: url('../../client/assets/fonts/Fort-Bold.woff') format('woff'),
    url('../../client/assets/fonts/Fort-Bold.otf') format('opentype'),
    url('../../client/assets/fonts/Fort-Bold.svg#filename') format('svg');
}

@font-face {
  font-family: 'fort-book';
  src: url('../../client/assets/fonts/Fort-Book.eot');
  src: url('../../client/assets/fonts/Fort-Book.woff') format('woff'),
    url('../../client/assets/fonts/Fort-Book.svg#filename') format('svg');
}

@font-face {
  font-family: 'mark-black';
  src: url('../../client/assets/fonts/fontfont_ff.mark.pro.black-webfont.woff2')
      format('woff2'),
    url('../../client/assets/fonts/fontfont_ff.mark.pro.black-webfont.woff')
      format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mark-bold';
  src: url('../../client/assets/fonts/fontfont_ff.mark.pro.bold-webfont.woff2')
      format('woff2'),
    url('../../client/assets/fonts/fontfont_ff.mark.pro.bold-webfont.woff')
      format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'mark-medium';
  src: url('../../client/assets/fonts/fontfont_ff.mark.pro.medium-webfont.woff2')
      format('woff2'),
    url('../../client/assets/fonts/fontfont_ff.mark.pro.medium-webfont.woff')
      format('woff');
  font-weight: normal;
  font-style: normal;
}

@layer base {
  html {
    font-family: mark-medium, fort-book, fort-bold, mark-bold, mark-black,
      system-ui, sans-serif;
  }
}

/* Remove input arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}

#app
  > div.relative.flex.flex-col.md\:flex-row.mb-12
  > div:nth-child(2)
  > div
  > div.w-fit
  > span {
  padding: 0;
}

#app
  > div.relative.flex.flex-col.md\:flex-row.mb-12
  > div:nth-child(2)
  > div.w-fit,
#app
  > div.relative.flex.flex-col.md\:flex-row.mb-12
  > div:nth-child(3)
  > div.w-fit {
  display: inline;
}