@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 100;
  src: local('Cascadia Code PL ExtraLight'), url(CascadiaCodePL-ExtraLight.otf) format('opentype');
}

@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 200;
  src: local('Cascadia Code PL Light'), url(CascadiaCodePL-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 400;
  src: local('Cascadia Code PL SemiLight'), url(CascadiaCodePL-SemiLight.otf) format('opentype');
}

@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 500;
  src: local('Cascadia Code PL'), url(CascadiaCodePL-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 600;
  src: local('Cascadia Code PL SemiBold'), url(CascadiaCodePL-SemiBold.otf) format('opentype');
}

@font-face {
  font-family: 'Cascadia Code PL';
  font-style: normal;
  font-weight: 700;
  src: local('Cascadia Code PL Bold'), url(CascadiaCodePL-Bold.otf) format('opentype');
}