/* Roboto Slab,serif,800;Roboto,sans-serif,400,700*/
                    :root {
                        --paragraph__family:        "Roboto", sans-serif;
                        --paragraph__normal:        400;
                        --paragraph__bold:          700;
                        --headline__family:         "Roboto Slab", serif;
                        --headline__weight:         800;
                    }
                    @font-face {
                        font-family: 'Roboto Slab';
                        font-style: normal;
                        font-display: swap;
                        font-weight: 800;
                        src: url('fonts/Roboto_Slab_800.woff');
                    }
                    @font-face {
                        font-family: 'Roboto';
                        font-style: normal;
                        font-display: swap;
                        font-weight: 400;
                        src: url('fonts/Roboto_400.woff2');
                    }
                    @font-face {
                        font-family: 'Roboto';
                        font-style: normal;
                        font-display: swap;
                        font-weight: 700;
                        src: url('fonts/Roboto_700.woff2');
                    }