:root {
    --font-h1: 'Quicksand-SemiBold';
    --font-size-h1: 62px;
    --font-h2: 'Quicksand-SemiBold';
    --font-size-h2: 62px;
    --font-h3: 'Manrope-Light';
    --font-size-h3: 52px;
    --font-h4: 'Quicksand-SemiBold';
    --font-size-h4: 32px;
    --font-h5: 'Quicksand-SemiBold';
    --font-size-h5: 28px;
    --font-h6: 'Manrope-Medium';
    --font-size-h6: 26px;
    --font-regular: 'Manrope-Regular';
    --font-size-regular: 20px;
    --color-main: #282e3c;
    --color-button: rgb(151,195,87);
    --color-hover: rgb(180,213,129);
    --color-heading: #313837;
    --color-header: rgb(255,255,255);
    --color-menu-bgr: rgb(15,15,15);
    --color-boxes-bgr-overlay: #000;
    --color-section-bgr: rgb(240,240,240);
    --color-link: #97c357;
    --color-custom-text: #19222A;
}

@font-face {
    font-family: 'Quicksand-SemiBold';
    src:url('../fonts/quicksand/Quicksand-SemiBold.woff2') format('woff2'),
        url('../fonts/quicksand/Quicksand-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-Medium';
    src:url('../fonts/manrope/Manrope-Medium.woff2') format('woff2'),
        url('../fonts/manrope/Manrope-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-SemiBold';
    src:url('../fonts/manrope/Manrope-SemiBold.woff2') format('woff2'),
        url('../fonts/manrope/Manrope-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-Light';
    src:url('../fonts/manrope/Manrope-Light.woff2') format('woff2'),
        url('../fonts/manrope/Manrope-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope-Regular';
    src:url('../fonts/manrope/Manrope-Regular.woff2') format('woff2'),
        url('../fonts/manrope/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}