@font-face {
  font-family: Roboto-Regular;
  src: url('/assets/fonts/Roboto/Roboto-Regular.ttf');
}
@font-face {
  font-family: Roboto-Medium;
  src: url('/assets/fonts/Roboto/Roboto-Medium.ttf');
}
@font-face {
  font-family: Roboto-Bold;
  src: url('/assets/fonts/Roboto/Roboto-Bold.ttf');
}
@font-face {
  font-family: Roboto-Serif;
  src: url('/assets/fonts/Roboto/RobotoSerif.ttf');
}
@font-face {
  font-family: RobotoFlex;
  src: url('/assets/fonts/RobotoFlex/RobotoFlex.ttf');
}
@font-face {
  font-family: Lora;
  src: url('/assets/fonts/Lora/Lora-VariableFont_wght.ttf');
}
@font-face {
  font-family: OpenSans;
  src: url('/assets/fonts/OpenSans/OpenSans-VariableFont_wdth,wght.ttf');
}
@font-face {
  font-family: RobotoCondensed-Light;
  src: url('/assets/fonts/RobotoCondensed/RobotoCondensed-Light.ttf');
}
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url('/assets/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf');
}
@font-face {
  font-family: RobotoCondensed-Bold;
  src: url('/assets/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf');
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
* {
  --font-main: RobotoCondensed-Regular;
  --font-main-bold: RobotoCondensed-Bold;
  --font-main-light: RobotoCondensed-Light;
  /* --thm-color-red: #c21110; */
  --thm-color-red: #8b1317;
  --thm-color-yellow: #fefa15;
  --thm-color-orange: #c9512c;
  --thm-color-white: #ffffff;
  --swiper-scrollbar-drag-bg-color : #acabab;
  --swiper-scrollbar-bg-color: transparent;
}
body {
  font-family: var(--font-main);
  user-select: none;
  /* letter-spacing: 3px; */
}

main {
  min-height: 100vh;
}
a {
  text-decoration: none;
  color: unset;
}