Added fonts

client/src/App.scss

@@ -8,6 +8,7 @@ html {
 
 body {
     color: settings.$body-color;
+    font-family: settings.$body-font;
     @include mixins.breakpoint(medium) {
         color: black;
     }

client/src/index.tsx

 
 import React from 'react';
 import ReactDOM from 'react-dom';
+
 import App from 'App';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 import reportWebVitals from './reportWebVitals';
+import 'styles/fonts.css';
 
 ReactDOM.render(
     <React.StrictMode>

client/src/styles/fonts.css

+
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+

client/src/styles/settings.scss

@@ -20,6 +20,7 @@ $linear-gradient: linear-gradient(to top, $primary, $secondary);
 $radial-gradient: radial-gradient(100% 115% at 0% 0%, $primary 0%, $secondary 100%);
 
 $body-color: #4B4B4B;
+$body-font: 'Poppins', sans-serif;
 
 // Typography
 $weight-light: 300;
@@ -28,7 +29,6 @@ $weight-medium: 500;
 $weight-semi-bold: 600;
 $weight-bold: 700;
 
-
 // Breakpoints
 $breakpoints: (
     'small': 360px,