@font-face {
    font-family: "Noto";
    src: url("fonts/Noto_Sans/NotoSans-Regular.ttf");
    /* src: url("fonts/Edu/static/EduTASBeginner-Regular.ttf"); */
    font-weight: 200;
    font-display: swap;
  }
@font-face {
    font-family: "Noto-light";
    src: url("fonts/Noto_Sans/NotoSans-Light.ttf");
    /* src: url("fonts/Edu/static/EduTASBeginner-Regular.ttf"); */
    font-weight: 200;
    font-display: swap;
  }
@font-face {
    font-family: "Noto-italic";
    src: url("fonts/Noto_Sans/NotoSans-Italic.ttf");
    font-weight: 200;
    font-display: swap;
  }

@font-face {
    font-family: "Butler";
    src: url("fonts/Butler/Butler_Regular.otf");
    font-weight: 200;
    font-display: swap;
  }
@font-face {
    font-family: "Butler-medium";
    src: url("fonts/Butler/Butler_Medium.otf");
    font-weight: 200;
    font-display: swap;
  }
@font-face {
    font-family: "Butler-bold";
    src: url("fonts/Butler/Butler_Bold.otf");
    font-weight: 200;
    font-display: swap;
  }
 @font-face {
    font-family: "Butler-light";
    src: url("fonts/Butler/Butler_Light.otf");
    font-weight: 100;
    font-display: swap;
  }
@font-face {
    font-family: "Butler-ultra-light";
    src: url("fonts/Butler/Butler_Ultra_Light.otf");
    font-weight: 100;
    font-display: swap;
  }