html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
  overflow-x: clip;
}

body {
  font-family: "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, rgba(4, 10, 24, 0.45) 0%, rgba(4, 10, 24, 0.72) 35%, rgba(3, 8, 18, 0.88) 70%, rgba(3, 8, 18, 0.96) 100%), url("../section-bg.webp") center top / cover fixed no-repeat, var(--bg);
  overflow-x: hidden;
}

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

img {
  max-width: 100%;
  display: block;
}