/* Roboto Condensed,sans-serif,400;Roboto,sans-serif,400,700*/
                    :root {
                        --paragraph__family:        "Roboto", sans-serif;
                        --paragraph__normal:        400;
                        --paragraph__bold:          700;
                        --headline__family:         "Roboto Condensed", sans-serif;
                        --headline__weight:         400;
                    }
                    @font-face {
                        font-family: 'Roboto Condensed';
                        font-style: normal;
                        font-display: swap;
                        font-weight: 400;
                        src: url('fonts/Roboto_Condensed_400.woff2');
                    }
                    @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');
                    }