*,
*::before,
*::after {
  box-sizing: border-box;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

html {
  line-height: 1.5;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

html::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
  color: #f4f4f8;
  font-family: inherit;
  line-height: inherit;
  background-color: #050510;
  background-image: url("/media/backgrounds/cosmic-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

body::-webkit-scrollbar {
  display: none;
}