@font-face {
  font-family: "Lato_";
  src: url("./fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Lato_";
  src: url("./fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Lato_";
  src: url("./fonts/Lato-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Lato_";
  src: url("./fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
}
* {
  font-family: "Lato_";
  scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
  scrollbar-width: auto;
  font-smooth: always;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: transparent;
  background-clip: content-box;
}

*::-webkit-scrollbar-thumb:vertical {
  border-right: 2px solid transparent;
}

*::-webkit-scrollbar-thumb:horizontal {
  border-bottom: 2px solid transparent;
}

*:hover::-webkit-scrollbar-thumb,
*:focus-within::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.12);
}