:root {
    --max_width_desktop: 1200px;
    --menu_height_desktop: 56px;
    --menu_height_mobile: 49px;

    --fs_body_desktop: 17px;
    --fs_h1_desktop: 46px;
    --fs_h2_desktop: 26px;
    --fs_small_desktop: 15px;

    --fs_body_mobile: 15px;
    --fs_h1_mobile: 28px;
    --fs_h2_mobile: 19px;
    --fs_small_mobile: 14px;

    --main_color: #00ffe1;
    --text_color: #dadada;
    --grey_color: #a0a0a0;

    --background_main_color: #1d1d1d;

    --footer_background_color: #000000;
}


body {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 450;
    font-size: var(--fs_body_desktop);
    background-color: var(--background_main_color);
    color: var(--text_color);
    margin: 0;

    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

@media (max-width: 768px) {
    body {
        font-size: var(--fs_body_mobile);
    }
}

a, .accent {
    color: var(--main_color);
}

.accent {
    font-weight: 800;
}