@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'),
    url('icons/material-icons/MaterialIcons-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Material Icons Outline';
  font-style: normal;
  font-weight: 400;
  src: url('icons/material-icons/Material-Icons-Outline.ttf') format('truetype');
}

@font-face {
  font-family: 'PBTitle';
  src: url('fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'PBSubtitle';
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'PBContent';
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'PBCaption';
  src: url('fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'PBButton';
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype');
}