html {
  scroll-behavior: smooth;
}

.text-shadow {
  text-shadow: 0 2px 4px rgba(0,0,0,0.10);
}

.text-shadow-md {
  text-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
}

.text-shadow-lg {
  text-shadow: 0 15px 30px rgba(0,0,0,0.11), 0 5px 15px rgba(0,0,0,0.08);
}

.text-shadow-xl {
  text-shadow: 1px 1px 3px rgb(0 0 0 / 89%), 2px 4px 7px rgb(73 64 125 / 35%);
}

.text-shadow-none {
  text-shadow: none;
}

.field-with-pos {
  position: fixed;
  top: -500px;
  left: -500px;
}