add nunito sans font

src/app/styles/global-styles.scss

@@ -8,7 +8,7 @@
 @use './VKLogin.scss';
 
 .page-title {
-	font-size: 28px;
+	font-size: 30px;
 	font-weight: 600;
 	margin-bottom: 30px;
 	display: flex;

src/app/styles/globals.css

@@ -1,10 +1,28 @@
+@font-face {
+	font-family: "Nunito Sans";
+	src:
+		url('./fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'),
+		url('./fonts/Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
+	font-weight: 100 1000;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Nunito Sans";
+	src:
+		url('./fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype-variations'),
+		url('./fonts/Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
+	font-weight: 100 1000;
+	font-style: italic;
+}
+
 html,
 body {
 	overflow-x: hidden;
 }
 
 body {
-	font-family: 'Segoe UI', sans-serif;
+	font-family: "Nunito Sans", 'Segoe UI', sans-serif;
 }
 
 * {
@@ -20,6 +38,11 @@ h2,
 h3,
 h4 {
 	font-weight: bold;
+	/* font-family: 'Segoe UI', sans-serif; */
+	/* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
+	/* font-family:Arial, Helvetica, sans-serif; */
+	/* font-family: Verdana, Geneva, Tahoma, sans-serif; */
+	font-family: 'Trebuchet MS', 'Segoe UI', sans-serif;
 }
 
 svg:focus,