diff --git a/Front/skydivelogs-app/src/assets/css/Material-Icons.css b/Front/skydivelogs-app/src/assets/css/Material-Icons.css
new file mode 100644
index 0000000..4571efa
--- /dev/null
+++ b/Front/skydivelogs-app/src/assets/css/Material-Icons.css
@@ -0,0 +1,23 @@
+/* fallback */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/Material-Icons-Fallback.woff2) format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -moz-font-feature-settings: 'liga';
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/Front/skydivelogs-app/src/assets/css/Roboto.css b/Front/skydivelogs-app/src/assets/css/Roboto.css
new file mode 100644
index 0000000..879effc
--- /dev/null
+++ b/Front/skydivelogs-app/src/assets/css/Roboto.css
@@ -0,0 +1,168 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Cyrillic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Greek.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: url(../font/300/Latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Cyrillic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Greek.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/400/Latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Cyrillic-ext.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Cyrillic.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Greek-ext.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Greek.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Vietnamese.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Latin-ext.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url(../font/500/Latin.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/Front/skydivelogs-app/src/assets/css/custom-theme-dark.scss b/Front/skydivelogs-app/src/assets/css/custom-theme-dark.scss
index 6f8c456..303071e 100644
--- a/Front/skydivelogs-app/src/assets/css/custom-theme-dark.scss
+++ b/Front/skydivelogs-app/src/assets/css/custom-theme-dark.scss
@@ -8,8 +8,10 @@
 // have to load a single css file for Angular Material in your app.
 
 // Fonts
-@import url('https://fonts.googleapis.com/css?family=Material+Icons');
-@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
+@import "Material-Icons";
+@import "Roboto";
+// @import url('https://fonts.googleapis.com/css?family=Material+Icons');
+// @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
      
 $fontConfig: (
   display-4: mat-typography-level(112px, 112px, 300, 'Roboto', -0.0134em),
diff --git a/Front/skydivelogs-app/src/assets/css/custom-theme-light.scss b/Front/skydivelogs-app/src/assets/css/custom-theme-light.scss
index 26a6550..7e3877f 100644
--- a/Front/skydivelogs-app/src/assets/css/custom-theme-light.scss
+++ b/Front/skydivelogs-app/src/assets/css/custom-theme-light.scss
@@ -8,7 +8,9 @@
 // have to load a single css file for Angular Material in your app.
 
 // Fonts
-@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
+@import "Material-Icons";
+@import "Roboto";
+// @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500');
 
 $fontConfig: (display-4: mat-typography-level(112px, 112px, 300, 'Roboto,Helvetica Neue,sans-serif', -0.0134em),
   display-3: mat-typography-level(56px, 56px, 400, 'Roboto,Helvetica Neue,sans-serif', -0.0089em),
diff --git a/Front/skydivelogs-app/src/assets/font/300/Cyrillic-ext.woff2 b/Front/skydivelogs-app/src/assets/font/300/Cyrillic-ext.woff2
new file mode 100644
index 0000000..082312b
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Cyrillic-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Cyrillic.woff2 b/Front/skydivelogs-app/src/assets/font/300/Cyrillic.woff2
new file mode 100644
index 0000000..88ef721
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Cyrillic.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Greek-ext.woff2 b/Front/skydivelogs-app/src/assets/font/300/Greek-ext.woff2
new file mode 100644
index 0000000..6f8c2a7
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Greek-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Greek.woff2 b/Front/skydivelogs-app/src/assets/font/300/Greek.woff2
new file mode 100644
index 0000000..f1e82f1
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Greek.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Latin-ext.woff2 b/Front/skydivelogs-app/src/assets/font/300/Latin-ext.woff2
new file mode 100644
index 0000000..f113c08
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Latin-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Latin.woff2 b/Front/skydivelogs-app/src/assets/font/300/Latin.woff2
new file mode 100644
index 0000000..46445bf
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Latin.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/300/Vietnamese.woff2 b/Front/skydivelogs-app/src/assets/font/300/Vietnamese.woff2
new file mode 100644
index 0000000..99c38c0
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/300/Vietnamese.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Cyrillic-ext.woff2 b/Front/skydivelogs-app/src/assets/font/400/Cyrillic-ext.woff2
new file mode 100644
index 0000000..c6d7d06
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Cyrillic-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Cyrillic.woff2 b/Front/skydivelogs-app/src/assets/font/400/Cyrillic.woff2
new file mode 100644
index 0000000..f1b8ed7
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Cyrillic.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Greek-ext.woff2 b/Front/skydivelogs-app/src/assets/font/400/Greek-ext.woff2
new file mode 100644
index 0000000..84fcce1
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Greek-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Greek.woff2 b/Front/skydivelogs-app/src/assets/font/400/Greek.woff2
new file mode 100644
index 0000000..fa0d664
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Greek.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Latin-ext.woff2 b/Front/skydivelogs-app/src/assets/font/400/Latin-ext.woff2
new file mode 100644
index 0000000..e2f7d27
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Latin-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Latin.woff2 b/Front/skydivelogs-app/src/assets/font/400/Latin.woff2
new file mode 100644
index 0000000..ebe1795
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Latin.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/400/Vietnamese.woff2 b/Front/skydivelogs-app/src/assets/font/400/Vietnamese.woff2
new file mode 100644
index 0000000..d5ca3ce
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/400/Vietnamese.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Cyrillic-ext.woff2 b/Front/skydivelogs-app/src/assets/font/500/Cyrillic-ext.woff2
new file mode 100644
index 0000000..e6f9427
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Cyrillic-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Cyrillic.woff2 b/Front/skydivelogs-app/src/assets/font/500/Cyrillic.woff2
new file mode 100644
index 0000000..f1bfb05
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Cyrillic.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Greek-ext.woff2 b/Front/skydivelogs-app/src/assets/font/500/Greek-ext.woff2
new file mode 100644
index 0000000..67e5402
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Greek-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Greek.woff2 b/Front/skydivelogs-app/src/assets/font/500/Greek.woff2
new file mode 100644
index 0000000..ccd9633
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Greek.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Latin-ext.woff2 b/Front/skydivelogs-app/src/assets/font/500/Latin-ext.woff2
new file mode 100644
index 0000000..7ef9a92
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Latin-ext.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Latin.woff2 b/Front/skydivelogs-app/src/assets/font/500/Latin.woff2
new file mode 100644
index 0000000..ce795fa
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Latin.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/500/Vietnamese.woff2 b/Front/skydivelogs-app/src/assets/font/500/Vietnamese.woff2
new file mode 100644
index 0000000..01c0cc8
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/500/Vietnamese.woff2 differ
diff --git a/Front/skydivelogs-app/src/assets/font/Material-Icons-Fallback.woff2 b/Front/skydivelogs-app/src/assets/font/Material-Icons-Fallback.woff2
new file mode 100644
index 0000000..bb771c8
Binary files /dev/null and b/Front/skydivelogs-app/src/assets/font/Material-Icons-Fallback.woff2 differ