@font-face {
  font-family: 'Myriad Pro';
  src: url('https://raw.githubusercontent.com/redbrick/design-system/main/assets/fonts/myriad-pro/regular/MyriadPro-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('https://raw.githubusercontent.com/redbrick/design-system/main/assets/fonts/myriad-pro/italic/MyriadPro-It.ttf')
    format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('https://raw.githubusercontent.com/redbrick/design-system/main/assets/fonts/myriad-pro/semi-bold/MyriadPro-Semibold.ttf')
    format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Myriad Pro';
  src: url('https://raw.githubusercontent.com/redbrick/design-system/main/assets/fonts/myriad-pro/bold/MyriadPro-Bold.ttf')
    format('truetype');
  font-weight: bold;
  font-style: normal;
}

.font-myriad {
  font-family: 'Myriad Pro';
}