*,
*::before,
*::after {
box-sizing: border-box;
}
html {
min-width: 320px;
scroll-behavior: smooth;
}
body {
margin: 0;
min-width: 320px;
font-family: "Manrope", Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: var(--color-text);
background: var(--color-black);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
img,
video,
picture,
svg {
display: block;
max-width: 100%;
}
button,
input,
textarea,
select {
font: inherit;
}
button {
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
a {
color: inherit;
text-decoration: none;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
.container {
width: calc(100% - 32px);
max-width: var(--container);
margin-inline: auto;
}