/* Overcame Demo Fonts */
@font-face {
  font-family: 'Overcame Demo';
  src: url('./OvercameDemoRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Overcame Demo';
  src: url('./OvercameDemoBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Overcame Demo';
  src: url('./OvercameDemoItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Overcame Demo';
  src: url('./OvercameDemoBoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Overcame Demo Outline';
  src: url('./OvercameDemoOutline.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


/* Philosopher Fonts */
@font-face {
  font-family: 'Philosopher';
  src: url('./Philosopher-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Philosopher';
  src: url('./Philosopher-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Philosopher';
  src: url('./Philosopher-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Philosopher';
  src: url('./Philosopher-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}




body {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Philosopher', sans-serif;
  font-weight: bold;
}

button, .sp-btn {
  font-family: "Roboto", sans-serif;
}