@font-face {
    font-family: "Souvenir";
    font-weight: 400;
    src: url(Souvenir.ttf); }
  
  @font-face {
    font-family: "Souvenir";
    font-weight: 400;
    font-style: italic;
    src: url(SouvenirI.ttf); }
  
  @font-face {
    font-family: "Souvenir";
    font-weight: 600;
    src: url(SouvenirB.ttf); }
  
  @font-face {
    font-family: "Souvenir";
    font-weight: 600;
    font-style: italic;
    src: url(SouvenirBI.ttf); }
  
  @font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url("../fonts/fontawesome/fa-light-300.eot");
    src: url("../fonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../fonts/fontawesome/fa-light-300.woff") format("woff"), url("../fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../fonts/fontawesome/fa-light-300.svg#fontawesome") format("svg"); }



@font-face {
    font-family: "Sanfrancisco";
    font-weight: 100;
    src: url(San-Francisco-Light.otf); }
  
  @font-face {
    font-family: "Sanfrancisco";
    font-weight: 400;
    src: url(San-Francisco-Regular.otf); }
  
  @font-face {
    font-family: "Sanfrancisco";
    font-weight: 500;
    src: url(San-Francisco-Medium.otf); }
  
  @font-face {
    font-family: "Sanfrancisco";
    font-weight: 600;
    src: url(San-Francisco-Bold.otf); }
  
  
  @font-face {
    font-family: "Sanfrancisco";
    font-weight: 900;
    src: url(San-Francisco-Extrabold.otf); }