*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
  background: var(--dark-black);
  color: var(--light-white);
  font-family: "adineue PRO Cyr", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; }
button { font: inherit; color: inherit; background: none; border: none; cursor: pointer; }

.page {
  width: var(--frame-w);
  max-width: 100%;
  margin: 0 auto;
}

.frame {
  position: relative;
  width: 100%;
}