html {
  scroll-behavior: smooth;
  --site-primary: rgb(71 158 226);
}

body {
  font-family: "Inter", sans-serif;
}

.hero-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.kv-img {
  background-image: url(../images/kv.png);
  background-size: cover;
  background-position: center;
}

/* from Tailwind V4 */
.custom-text-shadow-lg {
  text-shadow:
    0px 1px 2px rgb(0 0 0 / 0.1),
    0px 3px 2px rgb(0 0 0 / 0.1),
    0px 4px 8px rgb(0 0 0 / 0.1);
}