@font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 400; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 700; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 200; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 500; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 600; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 800; font-display: swap; src: url() format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 900; font-display: swap; src: url() format('truetype'); }