diff --git a/public/index.html b/public/index.html
index ab979153..084866e2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -25,15 +25,6 @@
Reactive Resume
-
-
-
-
-
-
-
-
-
diff --git a/src/assets/css/animate.css b/src/assets/css/animate.css
new file mode 100644
index 00000000..688cfaec
--- /dev/null
+++ b/src/assets/css/animate.css
@@ -0,0 +1,79 @@
+@-webkit-keyframes slideInLeft {
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInLeft {
+ from {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInLeft {
+ -webkit-animation-name: slideInLeft;
+ animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes slideInRight {
+ from {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ visibility: visible;
+ }
+
+ to {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+.slideInRight {
+ -webkit-animation-name: slideInRight;
+ animation-name: slideInRight;
+}
+
+.animated {
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+@media (print), (prefers-reduced-motion: reduce) {
+ .animated {
+ -webkit-animation-duration: 1ms !important;
+ animation-duration: 1ms !important;
+ -webkit-transition-duration: 1ms !important;
+ transition-duration: 1ms !important;
+ -webkit-animation-iteration-count: 1 !important;
+ animation-iteration-count: 1 !important;
+ }
+}
diff --git a/src/assets/css/fonts.css b/src/assets/css/fonts.css
new file mode 100644
index 00000000..2512e84b
--- /dev/null
+++ b/src/assets/css/fonts.css
@@ -0,0 +1,305 @@
+/* Material Icons */
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Material Icons'), local('MaterialIcons-Regular'),
+ url('../fonts/MaterialIcons/MaterialIcons-400.woff2') format('woff2'),
+ url('../fonts/MaterialIcons/MaterialIcons-400.woff') format('woff');
+}
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ display: inline-block;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ word-wrap: normal;
+ white-space: nowrap;
+ direction: ltr;
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+ -moz-osx-font-smoothing: grayscale;
+ font-feature-settings: 'liga';
+}
+
+/* Montserrat 400 */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Montserrat Regular'), local('Montserrat-Regular'),
+ url('../fonts/Montserrat/Montserrat-400.woff2') format('woff2'),
+ url('../fonts/Montserrat/Montserrat-400.woff') format('woff');
+}
+
+/* Montserrat 500 */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Montserrat Medium'), local('Montserrat-Medium'),
+ url('../fonts/Montserrat/Montserrat-500.woff2') format('woff2'),
+ url('../fonts/Montserrat/Montserrat-500.woff') format('woff');
+}
+
+/* Montserrat 600 */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
+ url('../fonts/Montserrat/Montserrat-600.woff2') format('woff2'),
+ url('../fonts/Montserrat/Montserrat-600.woff') format('woff');
+}
+
+/* Montserrat 700 */
+@font-face {
+ font-family: 'Montserrat';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Montserrat Bold'), local('Montserrat-Bold'),
+ url('../fonts/Montserrat/Montserrat-700.woff2') format('woff2'),
+ url('../fonts/Montserrat/Montserrat-700.woff') format('woff');
+}
+
+/* Lato 400 */
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Lato Regular'), local('Lato-Regular'),
+ url('../fonts/Lato/Lato-400.woff2') format('woff2'),
+ url('../fonts/Lato/Lato-400.woff') format('woff');
+}
+
+/* Lato 700 */
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato/Lato-700.woff2') format('woff2'),
+ url('../fonts/Lato/Lato-700.woff') format('woff');
+}
+
+/* Nunito 400 */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Nunito Regular'), local('Nunito-Regular'),
+ url('../fonts/Nunito/Nunito-400.woff') format('woff2'),
+ url('../fonts/Nunito/Nunito-400.woff2') format('woff');
+}
+
+/* Nunito 600 */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
+ url('../fonts/Nunito/Nunito-600.woff') format('woff2'),
+ url('../fonts/Nunito/Nunito-600.woff2') format('woff');
+}
+
+/* Nunito 700 */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Nunito Bold'), local('Nunito-Bold'),
+ url('../fonts/Nunito/Nunito-700.woff') format('woff2'),
+ url('../fonts/Nunito/Nunito-700.woff2') format('woff');
+}
+
+/* Open Sans 400 */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans Regular'), local('OpenSans-Regular'),
+ url('../fonts/OpenSans/OpenSans-400.woff2') format('woff2'),
+ url('../fonts/OpenSans/OpenSans-400.woff') format('woff');
+}
+
+/* Open Sans 600 */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
+ url('../fonts/OpenSans/OpenSans-600.woff2') format('woff2'),
+ url('../fonts/OpenSans/OpenSans-600.woff') format('woff');
+}
+
+/* Open Sans 700 */
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Open Sans Bold'), local('OpenSans-Bold'),
+ url('../fonts/OpenSans/OpenSans-700.woff2') format('woff2'),
+ url('../fonts/OpenSans/OpenSans-700.woff') format('woff');
+}
+
+/* Raleway 400 */
+@font-face {
+ font-family: 'Raleway';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Raleway'), local('Raleway-Regular'),
+ url('../fonts/Raleway/Raleway-400.woff2') format('woff2'),
+ url('../fonts/Raleway/Raleway-400.woff') format('woff');
+}
+
+/* Raleway 500 */
+@font-face {
+ font-family: 'Raleway';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Raleway Medium'), local('Raleway-Medium'),
+ url('../fonts/Raleway/Raleway-500.woff2') format('woff2'),
+ url('../fonts/Raleway/Raleway-500.woff') format('woff');
+}
+
+/* Raleway 600 */
+@font-face {
+ font-family: 'Raleway';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
+ url('../fonts/Raleway/Raleway-600.woff2') format('woff2'),
+ url('../fonts/Raleway/Raleway-600.woff') format('woff');
+}
+
+/* Raleway 700 */
+@font-face {
+ font-family: 'Raleway';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Raleway Bold'), local('Raleway-Bold'),
+ url('../fonts/Raleway/Raleway-700.woff2') format('woff2'),
+ url('../fonts/Raleway/Raleway-700.woff') format('woff');
+}
+
+/* Rubik 400 */
+@font-face {
+ font-family: 'Rubik';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Rubik'), local('Rubik-Regular'), url('../fonts/Rubik/Rubik-400.woff2') format('woff2'),
+ url('../fonts/Rubik/Rubik-400.woff') format('woff');
+}
+
+/* Rubik 500 */
+@font-face {
+ font-family: 'Rubik';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Rubik Medium'), local('Rubik-Medium'),
+ url('../fonts/Rubik/Rubik-500.woff2') format('woff2'),
+ url('../fonts/Rubik/Rubik-500.woff') format('woff');
+}
+
+/* Rubik 700 */
+@font-face {
+ font-family: 'Rubik';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Rubik Bold'), local('Rubik-Bold'),
+ url('../fonts/Rubik/Rubik-700.woff2') format('woff2'),
+ url('../fonts/Rubik/Rubik-700.woff') format('woff');
+}
+
+/* Source Sans Pro 400 */
+@font-face {
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
+ url('../fonts/SourceSansPro/SourceSansPro-400.woff2') format('woff2'),
+ url('../fonts/SourceSansPro/SourceSansPro-400.woff') format('woff');
+}
+
+/* Source Sans Pro 600 */
+@font-face {
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
+ url('../fonts/SourceSansPro/SourceSansPro-600.woff2') format('woff2'),
+ url('../fonts/SourceSansPro/SourceSansPro-600.woff') format('woff');
+}
+
+/* Source Sans Pro 700 */
+@font-face {
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
+ url('../fonts/SourceSansPro/SourceSansPro-700.woff2') format('woff2'),
+ url('../fonts/SourceSansPro/SourceSansPro-700.woff') format('woff');
+}
+
+/* Titillium Web 400 */
+@font-face {
+ font-family: 'Titillium Web';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-400.woff2') format('woff2'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-400.woff') format('woff');
+}
+
+/* Titillium Web 600 */
+@font-face {
+ font-family: 'Titillium Web';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-600.woff2') format('woff2'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-600.woff') format('woff');
+}
+
+/* Titillium Web 700 */
+@font-face {
+ font-family: 'Titillium Web';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-700.woff2') format('woff2'),
+ url('../fonts/TitilliumWeb/TitilliumWeb-700.woff') format('woff');
+}
+
+/* Ubuntu 400 */
+@font-face {
+ font-family: 'Ubuntu';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
+ url('../fonts/Ubuntu/Ubuntu-400.woff2') format('woff2'),
+ url('../fonts/Ubuntu/Ubuntu-400.woff') format('woff');
+}
+
+/* Ubuntu 500 */
+@font-face {
+ font-family: 'Ubuntu';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
+ url('../fonts/Ubuntu/Ubuntu-500.woff2') format('woff2'),
+ url('../fonts/Ubuntu/Ubuntu-500.woff') format('woff');
+}
+
+/* Ubuntu 700 */
+@font-face {
+ font-family: 'Ubuntu';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
+ url('../fonts/Ubuntu/Ubuntu-700.woff2') format('woff2'),
+ url('../fonts/Ubuntu/Ubuntu-700.woff') format('woff');
+}
diff --git a/src/assets/fonts/Lato/Lato-400.woff b/src/assets/fonts/Lato/Lato-400.woff
new file mode 100644
index 00000000..189a0feb
Binary files /dev/null and b/src/assets/fonts/Lato/Lato-400.woff differ
diff --git a/src/assets/fonts/Lato/Lato-400.woff2 b/src/assets/fonts/Lato/Lato-400.woff2
new file mode 100644
index 00000000..6904b664
Binary files /dev/null and b/src/assets/fonts/Lato/Lato-400.woff2 differ
diff --git a/src/assets/fonts/Lato/Lato-700.woff b/src/assets/fonts/Lato/Lato-700.woff
new file mode 100644
index 00000000..abf0196d
Binary files /dev/null and b/src/assets/fonts/Lato/Lato-700.woff differ
diff --git a/src/assets/fonts/Lato/Lato-700.woff2 b/src/assets/fonts/Lato/Lato-700.woff2
new file mode 100644
index 00000000..f8c37ecd
Binary files /dev/null and b/src/assets/fonts/Lato/Lato-700.woff2 differ
diff --git a/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff b/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff
new file mode 100644
index 00000000..b648a3ee
Binary files /dev/null and b/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff differ
diff --git a/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff2 b/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff2
new file mode 100644
index 00000000..9fa21125
Binary files /dev/null and b/src/assets/fonts/MaterialIcons/MaterialIcons-400.woff2 differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-400.woff b/src/assets/fonts/Montserrat/Montserrat-400.woff
new file mode 100644
index 00000000..676a065e
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-400.woff differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-400.woff2 b/src/assets/fonts/Montserrat/Montserrat-400.woff2
new file mode 100644
index 00000000..70788c27
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-400.woff2 differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-500.woff b/src/assets/fonts/Montserrat/Montserrat-500.woff
new file mode 100644
index 00000000..1c83d851
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-500.woff differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-500.woff2 b/src/assets/fonts/Montserrat/Montserrat-500.woff2
new file mode 100644
index 00000000..9dc5c7f1
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-500.woff2 differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-600.woff b/src/assets/fonts/Montserrat/Montserrat-600.woff
new file mode 100644
index 00000000..e7f8a31b
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-600.woff differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-600.woff2 b/src/assets/fonts/Montserrat/Montserrat-600.woff2
new file mode 100644
index 00000000..29cc1a97
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-600.woff2 differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-700.woff b/src/assets/fonts/Montserrat/Montserrat-700.woff
new file mode 100644
index 00000000..8573760b
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-700.woff differ
diff --git a/src/assets/fonts/Montserrat/Montserrat-700.woff2 b/src/assets/fonts/Montserrat/Montserrat-700.woff2
new file mode 100644
index 00000000..3d0b4099
Binary files /dev/null and b/src/assets/fonts/Montserrat/Montserrat-700.woff2 differ
diff --git a/src/assets/fonts/Nunito/Nunito-400.woff b/src/assets/fonts/Nunito/Nunito-400.woff
new file mode 100644
index 00000000..552165c9
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-400.woff differ
diff --git a/src/assets/fonts/Nunito/Nunito-400.woff2 b/src/assets/fonts/Nunito/Nunito-400.woff2
new file mode 100644
index 00000000..93ddafa3
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-400.woff2 differ
diff --git a/src/assets/fonts/Nunito/Nunito-600.woff b/src/assets/fonts/Nunito/Nunito-600.woff
new file mode 100644
index 00000000..70c1e2e6
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-600.woff differ
diff --git a/src/assets/fonts/Nunito/Nunito-600.woff2 b/src/assets/fonts/Nunito/Nunito-600.woff2
new file mode 100644
index 00000000..4c536b06
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-600.woff2 differ
diff --git a/src/assets/fonts/Nunito/Nunito-700.woff b/src/assets/fonts/Nunito/Nunito-700.woff
new file mode 100644
index 00000000..2f9aa982
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-700.woff differ
diff --git a/src/assets/fonts/Nunito/Nunito-700.woff2 b/src/assets/fonts/Nunito/Nunito-700.woff2
new file mode 100644
index 00000000..68cb621a
Binary files /dev/null and b/src/assets/fonts/Nunito/Nunito-700.woff2 differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-400.woff b/src/assets/fonts/OpenSans/OpenSans-400.woff
new file mode 100644
index 00000000..39e88ed9
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-400.woff differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-400.woff2 b/src/assets/fonts/OpenSans/OpenSans-400.woff2
new file mode 100644
index 00000000..e9f58b77
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-400.woff2 differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-600.woff b/src/assets/fonts/OpenSans/OpenSans-600.woff
new file mode 100644
index 00000000..9d0eb42d
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-600.woff differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-600.woff2 b/src/assets/fonts/OpenSans/OpenSans-600.woff2
new file mode 100644
index 00000000..5c5d54e2
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-600.woff2 differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-700.woff b/src/assets/fonts/OpenSans/OpenSans-700.woff
new file mode 100644
index 00000000..b8b46d0b
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-700.woff differ
diff --git a/src/assets/fonts/OpenSans/OpenSans-700.woff2 b/src/assets/fonts/OpenSans/OpenSans-700.woff2
new file mode 100644
index 00000000..3a38286c
Binary files /dev/null and b/src/assets/fonts/OpenSans/OpenSans-700.woff2 differ
diff --git a/src/assets/fonts/Raleway/Raleway-400.woff b/src/assets/fonts/Raleway/Raleway-400.woff
new file mode 100644
index 00000000..ab3a51bc
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-400.woff differ
diff --git a/src/assets/fonts/Raleway/Raleway-400.woff2 b/src/assets/fonts/Raleway/Raleway-400.woff2
new file mode 100644
index 00000000..86b505ec
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-400.woff2 differ
diff --git a/src/assets/fonts/Raleway/Raleway-500.woff b/src/assets/fonts/Raleway/Raleway-500.woff
new file mode 100644
index 00000000..2ea53f05
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-500.woff differ
diff --git a/src/assets/fonts/Raleway/Raleway-500.woff2 b/src/assets/fonts/Raleway/Raleway-500.woff2
new file mode 100644
index 00000000..7b3b62a7
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-500.woff2 differ
diff --git a/src/assets/fonts/Raleway/Raleway-600.woff b/src/assets/fonts/Raleway/Raleway-600.woff
new file mode 100644
index 00000000..854e0097
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-600.woff differ
diff --git a/src/assets/fonts/Raleway/Raleway-600.woff2 b/src/assets/fonts/Raleway/Raleway-600.woff2
new file mode 100644
index 00000000..6df88c9b
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-600.woff2 differ
diff --git a/src/assets/fonts/Raleway/Raleway-700.woff b/src/assets/fonts/Raleway/Raleway-700.woff
new file mode 100644
index 00000000..d89a0a2b
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-700.woff differ
diff --git a/src/assets/fonts/Raleway/Raleway-700.woff2 b/src/assets/fonts/Raleway/Raleway-700.woff2
new file mode 100644
index 00000000..02206426
Binary files /dev/null and b/src/assets/fonts/Raleway/Raleway-700.woff2 differ
diff --git a/src/assets/fonts/Rubik/Rubik-400.woff b/src/assets/fonts/Rubik/Rubik-400.woff
new file mode 100644
index 00000000..bd39dc9d
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-400.woff differ
diff --git a/src/assets/fonts/Rubik/Rubik-400.woff2 b/src/assets/fonts/Rubik/Rubik-400.woff2
new file mode 100644
index 00000000..133c9a5b
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-400.woff2 differ
diff --git a/src/assets/fonts/Rubik/Rubik-500.woff b/src/assets/fonts/Rubik/Rubik-500.woff
new file mode 100644
index 00000000..692ac3c4
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-500.woff differ
diff --git a/src/assets/fonts/Rubik/Rubik-500.woff2 b/src/assets/fonts/Rubik/Rubik-500.woff2
new file mode 100644
index 00000000..d78cc8c8
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-500.woff2 differ
diff --git a/src/assets/fonts/Rubik/Rubik-700.woff b/src/assets/fonts/Rubik/Rubik-700.woff
new file mode 100644
index 00000000..7d98a971
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-700.woff differ
diff --git a/src/assets/fonts/Rubik/Rubik-700.woff2 b/src/assets/fonts/Rubik/Rubik-700.woff2
new file mode 100644
index 00000000..23628adb
Binary files /dev/null and b/src/assets/fonts/Rubik/Rubik-700.woff2 differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff b/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff
new file mode 100644
index 00000000..5b6e97be
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff2 b/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff2
new file mode 100644
index 00000000..36bdc0e3
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-400.woff2 differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff b/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff
new file mode 100644
index 00000000..0aba561d
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff2 b/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff2
new file mode 100644
index 00000000..cb0ea772
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-600.woff2 differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff b/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff
new file mode 100644
index 00000000..f2a7dd34
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff differ
diff --git a/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff2 b/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff2
new file mode 100644
index 00000000..ce34a9fe
Binary files /dev/null and b/src/assets/fonts/SourceSansPro/SourceSansPro-700.woff2 differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff b/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff
new file mode 100644
index 00000000..9aaabfac
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff2 b/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff2
new file mode 100644
index 00000000..51b6c3b6
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-400.woff2 differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff b/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff
new file mode 100644
index 00000000..99fb0c69
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff2 b/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff2
new file mode 100644
index 00000000..8ba7955b
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-600.woff2 differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff b/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff
new file mode 100644
index 00000000..150e1a6b
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff differ
diff --git a/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff2 b/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff2
new file mode 100644
index 00000000..d9a6058a
Binary files /dev/null and b/src/assets/fonts/TitilliumWeb/TitilliumWeb-700.woff2 differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-400.woff b/src/assets/fonts/Ubuntu/Ubuntu-400.woff
new file mode 100644
index 00000000..2fc163ff
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-400.woff differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-400.woff2 b/src/assets/fonts/Ubuntu/Ubuntu-400.woff2
new file mode 100644
index 00000000..a590b8a9
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-400.woff2 differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-500.woff b/src/assets/fonts/Ubuntu/Ubuntu-500.woff
new file mode 100644
index 00000000..4606eed9
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-500.woff differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-500.woff2 b/src/assets/fonts/Ubuntu/Ubuntu-500.woff2
new file mode 100644
index 00000000..4966a85a
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-500.woff2 differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-700.woff b/src/assets/fonts/Ubuntu/Ubuntu-700.woff
new file mode 100644
index 00000000..8f770546
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-700.woff differ
diff --git a/src/assets/fonts/Ubuntu/Ubuntu-700.woff2 b/src/assets/fonts/Ubuntu/Ubuntu-700.woff2
new file mode 100644
index 00000000..e10142f5
Binary files /dev/null and b/src/assets/fonts/Ubuntu/Ubuntu-700.woff2 differ
diff --git a/src/index.css b/src/index.css
index cc8453cf..d3b7efe7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,5 @@
-/* Google Fonts */
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
+@import './assets/css/animate.css';
+@import './assets/css/fonts.css';
* {
-ms-overflow-style: none;
diff --git a/src/shared/PanZoomAnimation.js b/src/shared/PanZoomAnimation.js
index f01ace0c..7f890dd3 100644
--- a/src/shared/PanZoomAnimation.js
+++ b/src/shared/PanZoomAnimation.js
@@ -9,7 +9,7 @@ const PanZoomAnimation = () => {
useEffect(() => {
setTimeout(() => setAnimationVisible(true), 500);
- setTimeout(() => setAnimationVisible(false), 4500);
+ setTimeout(() => setAnimationVisible(false), 3000);
}, []);
return (