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

body {
    padding: 0;
    margin: 0;
    font-family: var(--font-primary);
    color: var(--color-black);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

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

button,
input {
    color: currentColor;
    font-family: var(--font-primary);
    font-size: inherit;
    cursor: pointer;
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

ul,
ol {
    list-style: none;
}

.visually-hidden {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

img {
    width: 100%;
}