:root {
    --black: #000;
    --white: #fff;
    --dark-gray: #333;
    --light-gray: #ccc;
    --gray-bg: #f5f5f5;
    --gray-border: #ddd;
    --font-family: Arial, sans-serif;
    --font-size: 24px;
    --letter-spacing: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family);
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    background: var(--white);
    color: var(--black);
    width: 1200px;
    margin: 0 auto;
    font-size: var(--font-size);
    letter-spacing: var(--letter-spacing);
    transition: background 0.3s ease, color 0.3s ease;
}

body.white-black {
    --current-bg: var(--white);
    --current-text: var(--black);
    --current-border: var(--black);
    background: var(--white);
    color: var(--black);
}

body.black-white {
    --current-bg: var(--black);
    --current-text: var(--white);
    --current-border: var(--white);
    background: var(--black);
    color: var(--white);
}

body.black-white a,
body.black-white .menu-item,
body.black-white .title-section,
body.black-white .dropdown-title,
body.black-white .dropdown-section h3,
body.black-white .option,
body.black-white .size,
body.black-white .spacing-option,
body.black-white .color-option {
    color: var(--white) !important;
}

body.black-white .menu-item i,
body.black-white .menu-link span {
    color: var(--white) !important;
}

body.black-white .color-option.inverted {
    background: var(--white);
    color: var(--black) !important;
}

body.black-white .color-option.inverted.active {
    background: var(--black);
    color: var(--white) !important;
    border-color: var(--white);
}

body.black-white .option.active {
    background: var(--white);
    color: var(--black) !important;
    border-color: var(--white);
}

body.black-white .size.active {
    background: var(--white);
    color: var(--black) !important;
}

body.black-white .spacing-option.active {
    background: var(--white);
    color: var(--black) !important;
}

body.black-white .color-option.active {
    background: var(--white);
    color: var(--black) !important;
}

.menu-item i {
    color: inherit;
    transition: color 0.3s ease;
}

body.black-white .menu-link {
    color: var(--white) !important;
}

body.black-white .menu-link span {
    color: var(--white) !important;
}

body.black-white .menu-link:hover span {
    color: var(--black) !important;
}

.fas {
    color: inherit;
}

.links_class{
    padding: 25px;
}

@media (max-width: 1240px) {
    body {
        width: 100%;
        padding: 0 20px;
    }
}
.news-link{
    text-decoration: none;
    color: black;
}