@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300; font-display: swap; src: url('./manrope-300.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400; font-display: swap; src: url('./manrope-400.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500; font-display: swap; src: url('./manrope-500.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('./manrope-600.ttf') format('truetype'); } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('./manrope-700.ttf') format('truetype'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: swap; src: url('./sora-300.ttf') format('truetype'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url('./sora-400.ttf') format('truetype'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 500; font-display: swap; src: url('./sora-500.ttf') format('truetype'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url('./sora-600.ttf') format('truetype'); } @font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap; src: url('./sora-700.ttf') format('truetype'); }