@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  src: local('Lato'), url('./fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: normal;
  src: local('Lato Italic'), local('Lato-Italic'), url('./fonts/Lato-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  src: local('Lato Bold'), local('Lato-Bold'), url('./fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: bold;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('./fonts/Lato-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: normal;
  src: local('Vollkorn'), url('./fonts/Vollkorn-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: normal;
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url('./fonts/Vollkorn-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: bold;
  src: local('Vollkorn Bold'), local('Vollkorn-Bold'), url('./fonts/Vollkorn-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: bold;
  src: local('Vollkorn Bold Italic'), local('Vollkorn-BoldItalic'), url('./fonts/Vollkorn-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('./fonts/Play-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: bold;
  src: local('Play Bold'), local('Play-Bold'), url('./fonts/Play-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Serif'), url('./fonts/DroidSerif-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: normal;
  src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url('./fonts/DroidSerif-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('./fonts/DroidSerif-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: italic;
  font-weight: bold;
  src: local('Droid Serif Bold Italic'), local('DroidSerif-BoldItalic'), url('./fonts/DroidSerif-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Open Sans'), local('OpenSans'), url('./fonts/opensans.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: normal;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('./fonts/opensansi.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('./fonts/opensansb.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: bold;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('./fonts/opensansbi.woff') format('woff');
}

@font-face {
  font-family: 'Sansation';
  font-style: normal;
  font-weight: normal;
  src: local('Sansation'), url('./fonts/Sansation-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Sansation';
  font-style: italic;
  font-weight: normal;
  src: local('Sansation Italic'), local('Sansation-Italic'), url('./fonts/Sansation-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Sansation';
  font-style: normal;
  font-weight: bold;
  src: local('Sansation Bold'), local('Sansation-Bold'), url('./fonts/Sansation-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Sansation';
  font-style: italic;
  font-weight: bold;
  src: local('Sansation Bold Italic'), local('Sansation-BoldItalic'), url('./fonts/Sansation-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Hack';
  font-style: normal;
  font-weight: normal;
  src: local('Hack'), url('./fonts/Hack-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Hack';
  font-style: italic;
  font-weight: normal;
  src: local('Hack Italic'), local('Hack-Italic'), url('./fonts/Hack-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Hack';
  font-style: normal;
  font-weight: bold;
  src: local('Hack Bold'), local('Hack-Bold'), url('./fonts/Hack-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Sansation';
  font-style: italic;
  font-weight: bold;
  src: local('Hack Bold Italic'), local('Hack-BoldItalic'), url('./fonts/Hack-BoldItalic.ttf') format('truetype');
}