*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background-color: var(--background-color);
  &::-webkit-scrollbar {
    width: 12px;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #C62828;
    border-radius: 6px;
  }
  scrollbar-width: thin;
  scrollbar-color: #C62828 transparent;
}

body {
  min-inline-size: 375px;
  margin: 0;
  padding: 0;
  font-family: var(--font-family-text, "RubikRegular"), sans-serif;
  overflow-x: hidden;
  background-color: var(--background-color);
  ::selection {
    background-color: #C62828;
    color: #fff; 
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

picture {
  margin: 0;
  padding: 0;
}

button,
a {
  color: currentColor;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
}