@font-face {
  font-family: 'overpass';
  src: url('./overpass-thin.otf');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-thin-italic.otf');
  font-weight: 200;
  font-style: italic;
}


@font-face {
  font-family: 'overpass';
  src: url('./overpass-extralight.otf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-extralight-italic.otf');
  font-weight: 300;
  font-style: italic;
}



@font-face {
  font-family: 'overpass';
  src: url('./overpass-light.otf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-light-italic.otf');
  font-weight: 400;
  font-style: italic;
}



@font-face {
  font-family: 'overpass';
  src: url('./overpass-regular.otf');
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-italic.otf');
  font-weight: 500;
  font-style: italic;
}




@font-face {
  font-family: 'overpass';
  src: url('./overpass-semibold.otf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-semibold-italic.otf');
  font-weight: 600;
  font-style: italic;
}




@font-face {
  font-family: 'overpass';
  src: url('./overpass-bold.otf');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-bold-italic.otf');
  font-weight: 700;
  font-style: italic;
}



@font-face {
  font-family: 'overpass';
  src: url('./overpass-extrabold.otf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-extrabold-italic.otf');
  font-weight: 800;
  font-style: italic;
}


@font-face {
  font-family: 'overpass';
  src: url('./overpass-heavy.otf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'overpass';
  src: url('./overpass-heavy-italic.otf');
  font-weight: 900;
  font-style: italic;
}