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

@font-face {
  font-family: 'bmw_helvetica97BlkCn';
  src: url('../fonts/bmwhelvetica-blackcond-webfont.woff2') format('woff2'),
       url('../fonts/bmwhelvetica-blackcond-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'nimbus_sans_lregular';
  src: url('../fonts/nimbussanl-reg-webfont.woff2') format('woff2'),
       url('../fonts/nimbussanl-reg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family:  'Arial', 'Helvetica Neue', 'Helvetica', 'sans-serif';
}

h1 {
  @apply text-4xl font-bold mt-10 mb-6; 
  font-family: 'bmw_helvetica97BlkCn', 'Arial', 
    'Helvetica Neue', 'Helvetica', 'sans-serif';
}

p { 
  @apply text-lg my-4; 
  font-family: 'nimbus_sans_lregular';  
}

.pink { @apply text-[#ca005d] }
.lightpink { @apply text-[#ff67af] } 

a { 
  @apply text-blue-500 font-bold  
  hover:text-[#ca005d] 
}

::selection {
  @apply bg-[#ca005d] text-white 
}