@font-face { font-family: 'Roboto'; src: url('/fonts/roboto/RobotoLight.woff2') format('woff2'); font-style: normal; font-weight: 300; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/RobotoRegular.woff2') format('woff2'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/RobotoMedium.woff2') format('woff2'); font-style: normal; font-weight: 500; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/RobotoBold.woff2') format('woff2'); font-style: normal; font-weight: 700; } @font-face { font-family: 'Roboto'; src: url('/fonts/roboto/RobotoBlack.woff2') format('woff2'); font-style: normal; font-weight: 900; } @font-face { font-family: 'Plus Jakarta Sans'; src: url('/fonts/PlusJakartaSans.woff2') format('woff2'); font-weight: 300 900; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('/fonts/PlayfairDisplay.woff2') format('woff2'); font-weight: 300 900; font-style: normal; } @font-face { font-family: 'Bitter'; src: url('/fonts/Bitter.woff2') format('woff2'); font-weight: 300 900; font-style: normal; } :root{--primaryFont:Plus Jakarta Sans;--secondaryFont:Playfair Display;-webkit-font-smoothing:antialiased}.primary{font-family:var(--primaryFont)}