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

/* Remove default padding */
ul,
ol,
button {
padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
font-size: 1rem;
margin: 0;
}

/* Set core body defaults */
body {
scroll-behavior: smooth;
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none;
color: inherit;
}

button{
cursor: pointer;
outline: none;
border: none;
background: transparent;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
* {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}
}
@font-face {
  font-family: 'Bai';
  src: url('/fonts/bai-medium.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: 'Bai';
  src: url('/fonts/bai-bold.woff2') format('woff2');
  font-weight: bold;
}
html,body{
  font-family: "Bai";
  font-size: 14px; 
  background-color: #444444;
  color: #000;
  line-height: 1.5;
  font-weight: normal;
}
@media (pointer: coarse) and (max-width: 768px) {
  body {
    overflow: hidden; /* Lock body on touch mobile devices */
  }
}
body{
}
main{
  position: relative;
}
p{ 
  font-weight: normal;
}
::selection{ 
  background-color: #4CC6FF;
  color: #000;
}