diff --git a/public/index.html b/public/index.html
index 9cac1ae5..7138cb93 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,15 +6,14 @@
-
+
+
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-300.ttf b/src/assets/fonts/roboto-v30-latin_latin-ext-300.ttf
new file mode 100644
index 00000000..0d78cef4
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-300.ttf differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff b/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff
new file mode 100644
index 00000000..6519f7ed
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff2 b/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff2
new file mode 100644
index 00000000..6ffbe349
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-300.woff2 differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-500.eot b/src/assets/fonts/roboto-v30-latin_latin-ext-500.eot
new file mode 100644
index 00000000..c818c775
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-500.eot differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-500.svg b/src/assets/fonts/roboto-v30-latin_latin-ext-500.svg
new file mode 100644
index 00000000..67eecf44
--- /dev/null
+++ b/src/assets/fonts/roboto-v30-latin_latin-ext-500.svg
@@ -0,0 +1,305 @@
+
+
+
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-500.ttf b/src/assets/fonts/roboto-v30-latin_latin-ext-500.ttf
new file mode 100644
index 00000000..13fc74a0
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-500.ttf differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff b/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff
new file mode 100644
index 00000000..5d01a9bd
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff2 b/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff2
new file mode 100644
index 00000000..13803ae7
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-500.woff2 differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-700.eot b/src/assets/fonts/roboto-v30-latin_latin-ext-700.eot
new file mode 100644
index 00000000..a98f10e4
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-700.eot differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-700.svg b/src/assets/fonts/roboto-v30-latin_latin-ext-700.svg
new file mode 100644
index 00000000..11db87dd
--- /dev/null
+++ b/src/assets/fonts/roboto-v30-latin_latin-ext-700.svg
@@ -0,0 +1,309 @@
+
+
+
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-700.ttf b/src/assets/fonts/roboto-v30-latin_latin-ext-700.ttf
new file mode 100644
index 00000000..44f0bad4
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-700.ttf differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff b/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff
new file mode 100644
index 00000000..06671c7e
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff2 b/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff2
new file mode 100644
index 00000000..e0636f9f
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-700.woff2 differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-regular.eot b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.eot
new file mode 100644
index 00000000..aef4592c
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.eot differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-regular.svg b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.svg
new file mode 100644
index 00000000..627f5a36
--- /dev/null
+++ b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.svg
@@ -0,0 +1,308 @@
+
+
+
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-regular.ttf b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.ttf
new file mode 100644
index 00000000..36e92ad4
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.ttf differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff
new file mode 100644
index 00000000..1aa8c0c2
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff differ
diff --git a/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff2 b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff2
new file mode 100644
index 00000000..b9f544c2
Binary files /dev/null and b/src/assets/fonts/roboto-v30-latin_latin-ext-regular.woff2 differ
diff --git a/src/avatar.svg b/src/avatar.svg
deleted file mode 100644
index 7988481b..00000000
--- a/src/avatar.svg
+++ /dev/null
@@ -1,45 +0,0 @@
-
-
-
diff --git a/src/index.css b/src/index.css
index f3e8c211..68c85d28 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,56 @@
+/* roboto-300 - latin_latin-ext */
+@font-face {
+ font-display: swap;
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 300;
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+/* roboto-regular - latin_latin-ext */
+@font-face {
+ font-display: swap;
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+/* roboto-500 - latin_latin-ext */
+@font-face {
+ font-display: swap;
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 500;
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+/* roboto-700 - latin_latin-ext */
+@font-face {
+ font-display: swap;
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
+ src: url('./assets/fonts/roboto-v30-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./assets/fonts/roboto-v30-latin_latin-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
+}
+
body {
margin: 0rem 0rem 5rem 0rem;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',