/* ROBOTO */
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-100italic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-200.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-200italic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-300italic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-500italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/roboto-v30-latin-900italic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; }

/* ROBOTO CONDENSED */
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-100.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-100italic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-200.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-200italic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-300italic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-500italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-600italic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-800.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-800italic.woff2') format('woff2'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-900.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Condensed'; src: url('fonts/roboto-condensed/roboto-condensed-v30-latin-900italic.woff2') format('woff2'); font-weight: 900; font-style: italic; font-display: swap; }

/* ROBOTO MONO */
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-100.woff2') format('woff2'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-100italic.woff2') format('woff2'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-200.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-200italic.woff2') format('woff2'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-300italic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-500italic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-600italic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Roboto Mono'; src: url('fonts/roboto-mono/roboto-mono-v30-latin-700italic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }