html {
    box-sizing: border-box;
}

:root,
:before,
:after {
    --main-text-color: #FFF;
    --second-text-color: #1C1C1C;
    --burger-color: #FFF;
    --main-background: #171717;
    --header-background: var(--main-background);
    --border-color: #ffffff1a;
    --button-arrow-background: #fff;
    --button-header-background: linear-gradient(90deg, #0F7 -73.79%, #31D0FB 132.5%);
    --right-button-gradient-bg: linear-gradient(270deg, #ffffffeb 0%, #ffffff59 100%);
    --left-button-gradient-bg: linear-gradient(90deg, #ffffffeb 0%, #ffffff59 100%);
    --main-gradient: linear-gradient(114deg, #0BC29A -30.97%, #13EDA8 0.09%, #2AD9E2 98.47%);
}

body {
    font-family: var(--font-family-body);
    margin: 0;
    color: var(--main-text-color);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-headline);
    font-size: 6rem;
    font-weight: 400;
    line-height: 100%;
}

h2,
h3,
h4,
h5,
h6 {
    font-size: 3.5rem;
    line-height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    text-decoration: none;
}


button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}


.max-container {
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

.archive-hero-left img {
    width: 6.125rem;
    height: 6.125rem;
    border-radius: 100%;
}

.carusel-slider {
    padding: 4.5rem var(--container-space);
}

a {
    color: #2377FF
}