* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: #00000000;
}
* {
  scrollbar-color: var(--scrollbar-color);
  scrollbar-width: thin;
}



::selection { /* Edge Chrome Opera */
  background-color: var(--selection);
  color: #000;
}
::-moz-selection { /* Firefox Tor Librewolf */
  background-color: var(--selection);
  color: #000;
}



@view-transition { /* coming soon at rfb web 5 */
  navigation: auto;
}



html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  background-color: var(--body);
}

button {
  font-family: "Poppins", "Baloo 2", "Kosugi Maru", "Nokora", "Poor Story",
    "Padauk", "Prompt", "Be Vietnam Pro", "VAGRoundedM";
  cursor: pointer;
}

a {
  color: var(--link);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: var(--link-hover);
}
a::selection {
  background-color: var(--link-selection);
  color: #005368;
}
a::-moz-selection {
  background-color: var(--link-selection);
  color: #005368;
}



span.highlight {
  color: var(--text-highlight);
}

span.highlight::selection {
  color: var(--text-highlight-selection);
}
span.highlight::-moz-selection {
  color: var(--text-highlight-selection);
}



img {
  image-rendering: pixelated;
}



h1 {
  color: white;
  font-family: "Poppins", "Baloo 2", "Kosugi Maru", "Nokora", "Poor Story",
    "Padauk", "Prompt", "Be Vietnam Pro", "VAGRoundedM";
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

h2 {
  color: white;
  font-family: "Poppins", "Baloo 2", "Kosugi Maru", "Nokora", "Poor Story",
    "Padauk", "Prompt", "Be Vietnam Pro", "VAGRoundedM";
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

h3 {
  color: white;
  font-family: "Poppins", "Baloo 2", "Kosugi Maru", "Nokora", "Poor Story",
    "Padauk", "Prompt", "Be Vietnam Pro", "VAGRoundedM";
  font-size: 1.17rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

h4 {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

h5 {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  font-size: 0.83rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

h6 {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  font-size: 0.67rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

p {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

ul {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}

li {
  color: white;
  font-family: "Readex Pro", "ZCOOL KuaiLe", "M PLUS 1p", "Kantumruy Pro",
    "Gothic A1", "Noto Sans Myanmar", "Josefin Sans", "Chakra Petch", "VAGRoundedB";
  text-overflow: ellipsis;
  white-space: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
}



hr {
  height: 0.5px;
  border: none;
  background: #c2c2c2;
}



.nosel {
  user-select: none;
}