/* normal */
@font-face {
  font-family: 'MarkPro';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src:
    local('MarkPro'),
    local('Mark Pro'),
    url('fonts/MarkPro.woff2') format('woff2'),
    url('fonts/MarkPro.woff') format('woff'),
    url('fonts/MarkPro.ttf') format('truetype'),
    url('fonts/MarkPro.otf') format('opentype');
}

/* bold */
@font-face {
  font-family: 'MarkPro';
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src:
    local('MarkPro Bold'),
    local('Mark Pro Bold'),
    local('MarkPro-Bold'),
    local('MarkProBold'),
    url('fonts/MarkPro-Bold.woff2') format('woff2'),
    url('fonts/MarkPro-Bold.woff') format('woff'),
    url('fonts/MarkPro-Bold.ttf') format('truetype'),
    url('fonts/MarkPro-Bold.otf') format('opentype');
}

/* italic */
@font-face {
  font-family: 'MarkPro';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src:
    local('MarkPro Italic'),
    local('Mark Pro Italic'),
    local('MarkPro-Italic'),
    local('MarkProItalic'),
    url('fonts/MarkPro-Italic.otf') format('opentype');
}

audio {
  min-width: 250px;
  height: 40px;
  object-fit: inherit;
}