@font-face {
  font-family: 'Livelo Sans';
  src: url('./fonts/LiveloSans.ttf');
}

@font-face {
  font-family: 'LiveloSans-Thin';
  src: url('./fonts/LiveloSans-Thin.ttf');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Light';
  src: url('./fonts/LiveloSans-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Regular';
  src: url('./fonts/LiveloSans-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Medium';
  src: url('./fonts/LiveloSans-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Bold';
  src: url('./fonts/LiveloSans-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Extrabold';
  src: url('./fonts/LiveloSans-Extrabold.ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'LiveloSans-Black';
  src: url('./fonts/LiveloSans-Black.ttf');
  font-weight: 900;
  font-style: normal;
}