@import "../css/reset.css";
@import "../css/header.css";
@import "../css/hero.css";
@import "../css/slider.css";
@import "../css/section.css";
@import "../css/footer.css";
@import "../css/modal.css";


@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


body {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    font-family: "Inter Tight", sans-serif;
    background-color: var(--bg--);

}

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

:root {
    --color--1: #FFFFFF;
    --color--2: #FFF500;
    --color--3: #414141;
    --color--4: #C7C7C7;
    --color--5: #000000;
    --color--6: #292524;
    --color--7: #303030;
    --color--8: #333333;
    --color--9: #FFF624;
    --color--10: #F5F5F5;
    --color---11: #0C111D;
    --color--12: #F2F2F2;
    --color--13: #111B34;
    --color--14: #F0F0F0;
    --bg--: #171412;
    --btn_nav--: 8px 24px;
    --btn--: 9px 24px;
    --container--: 1400px;
}

* {
    box-sizing: border-box;
}