@font-face {
  font-family: "ABBVoice-Md";
  src: url("../font/abbvoice/ABBvoice_Md.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ABBVoice-Lt";
  src: url("../font/abbvoice/ABBvoice_Lt.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ABBVoice-Rg";
  src: url("../font/abbvoice/ABBvoice_Rg.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ABBVoice-Bd";
  src: url("../font/abbvoice/ABBvoice_Bd.woff");
  font-weight: normal;
  font-style: normal;
}

*,
html,
body {
  font-weight: normal !important;
  font-family: ABBVoice-Rg;
}
b,
strong {
  font-weight: normal !important;
  font-family: ABBVoice-Bd;
}
html,
body {
  margin: 0;
  font-size: 14px;
  color: #1f1f1f;
  height: 100%;
  background-color: #ebebeb;
}

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* display: flex; */
  /* flex-direction: column; */
}

#root {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  background-color: #f5f5f5;
  /* background-image: url("/bg_partical_gray.png"); */

  background-blend-mode: normal;
  background-position: center center;
  background-repeat: no-repeat;
}

#root::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/bg_partical_gray.png");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.4; /* 50% transparency */
}