@font-face {
  font-family: 'Liquid Crystal';
  src:url('./font/LiquidCrystal-Normal.otf') format('embedded-opentype'), /* Internet Explorer */
      url('./font/LiquidCrystal-Normal.otf') format('woff2'),             /* Super Modern Browsers */
      url('./font/LiquidCrystal-Normal.otf') format('woff'),              /* Pretty Modern Browsers */
      url('./font/LiquidCrystal-Normal.otf') format('truetype'),         /* Safari, Android, iOS */
      url('./font/LiquidCrystal-Normal.otf') format('svg');               /* Legacy iOS */
}

@font-face {
  font-family: 'BebasNeue';
  src:url('./font/BebasNeue-Regular.woff') format('embedded-opentype'), /* Internet Explorer */
      url('./font/BebasNeue-Regular.woff') format('woff2'),             /* Super Modern Browsers */
      url('./font/BebasNeue-Regular.woff') format('woff'),              /* Pretty Modern Browsers */
      url('./font/BebasNeue-Regular.woff') format('truetype'),         /* Safari, Android, iOS */
      url('./font/BebasNeue-Regular.woff') format('svg');               /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto';
  src:url('./font/Roboto-Regular.ttf') format('embedded-opentype'), /* Internet Explorer */
      url('./font/Roboto-Regular.ttf') format('woff2'),             /* Super Modern Browsers */
      url('./font/Roboto-Regular.ttf') format('woff'),              /* Pretty Modern Browsers */
      url('./font/Roboto-Regular.ttf') format('truetype'),         /* Safari, Android, iOS */
      url('./font/Roboto-Regular.ttf') format('svg');               /* Legacy iOS */
}