@font-face {
  font-family: AbarMid-Regular;
  font-style: normal;
  src: url("../fonts/AbarMid-Regular.eot");
  src: url("../fonts/AbarMid-Regular.eot") format("embedded-opentype"),
    url("../fonts/AbarMid-Regular.woff2") format("woff2"),
    url("../fonts/AbarMid-Regular.woff") format("woff"),
    url("../fonts/AbarMid-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: AbarMid-bold;
  font-style: normal;
  src: url("../fonts/AbarMid-bold.eot");
  src: url("../fonts/AbarMid-bold.eot") format("embedded-opentype"),
    url("../fonts/AbarMid-bold.woff2") format("woff2"),
    url("../fonts/AbarMid-bold.woff") format("woff"),
    url("../fonts/AbarMid-bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: AbarMid-semibold;
  font-style: normal;
  src: url("../fonts/AbarMid-semibold.eot");
  src: url("../fonts/AbarMid-semibold.eot") format("embedded-opentype"),
    url("../fonts/AbarMid-semibold.woff2") format("woff2"),
    url("../fonts/AbarMid-semibold.woff") format("woff"),
    url("../fonts/AbarMid-semibold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: AbarMid-extrabold;
  font-style: normal;
  src: url("../fonts/AbarMid-extrabold.eot");
  src: url("../fonts/AbarMid-extrabold.eot") format("embedded-opentype"),
    url("../fonts/AbarMid-extrabold.woff2") format("woff2"),
    url("../fonts/AbarMid-extrabold.woff") format("woff"),
    url("../fonts/AbarMid-extrabold.ttf") format("truetype");
  font-display: swap;
}

body , canvas {
  font-family: AbarMid-Regular !important;
}

.bold-AbarMid {
    font-family: AbarMid-bold;
}

.semibold-AbarMid {
    font-family: AbarMid-semibold;
}


.semibold-extrabold {
    font-family: AbarMid-extrabold;
}

.text-sha {
  text-shadow: 2px 2px 4px #00000069;
}