@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');
@import url('./variables.css');

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--ink);
  background: linear-gradient(rgba(35, 10, 20, .28), rgba(35, 10, 20, .28)), url('../assets/web_bg.webp') center / cover fixed no-repeat #0b1626;
  font-family: var(--font-family);
  line-height: 1.7;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
::selection { color: #fff; background: var(--primary); }
h1, h2, h3, h4, p { margin-block: 0; }
ul { margin-block: 0; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body, button, input, select, textarea { font-family: var(--font-family); }
html { font-family: var(--font-latin); }