@font-face {
        font-family: "lxsmb";
        src: url("./fonts/Lexend-SemiBold.woff2") format("woff2"),
          url("./fonts/Lexend-SemiBold.woff") format("woff");
        font-weight: 600;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxr";
        src: url("./fonts/Lexend-Regular.woff2") format("woff2"),
          url("./fonts/Lexend-Regular.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "utma";
        src: url("./fonts/UTMAvo.woff2") format("woff2"),
          url("./fonts/UTMAvo.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "utmab";
        src: url("./fonts/UTMAvoBold.ttf") format("woff"),
          url("./fonts/UTMAvoBold.ttf") format("opentype"),
          url("./fonts/UTMAvoBold.ttf") format("truetype");
        font-weight: bold;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxm";
        src: url("./fonts/Lexend-Medium.woff2") format("woff2"),
          url("./fonts/Lexend-Medium.woff") format("woff");
        font-weight: 500;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxt";
        src: url("./fonts/Lexend-Thin.woff2") format("woff2"),
          url("./fonts/Lexend-Thin.woff") format("woff");
        font-weight: 100;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "Lexend";
        src: url("./fonts/Lexend-Light.woff2") format("woff2"),
          url("./fonts/Lexend-Light.woff") format("woff");
        font-weight: 300;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxl";
        src: url("./fonts/UTMAvo-Italic.woff2") format("woff2"),
          url("./fonts/UTMAvo-Italic.woff") format("woff");
        font-weight: normal;
        font-style: italic;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxb";
        src: url("./fonts/Lexend-Bold.woff2") format("woff2"),
          url("./fonts/Lexend-Bold.woff") format("woff");
        font-weight: bold;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "lxeb";
        src: url("./fonts/Lexend-ExtraBold.woff2") format("woff2"),
          url("./fonts/Lexend-ExtraBold.woff") format("woff");
        font-weight: bold;
        font-style: normal;
        font-display: fallback;
      }

      @font-face {
        font-family: "utmabi";
        src: url("./fonts/UTMAvo-BoldItalic.woff2") format("woff2"),
          url("./fonts/UTMAvo-BoldItalic.woff") format("woff");
        font-weight: bold;
        font-style: italic;
        font-display: fallback;
      }