diff --git a/angular.json b/angular.json
index 89b1f32eb12a05d5594647d4074269ba7a9a7402..b262b11e24704e22d87624a76b06c7580ed0c2e8 100644
--- a/angular.json
+++ b/angular.json
@@ -139,6 +139,7 @@
"src/app-test"
],
"styles": [
+ "node_modules/animate.css/animate.min.css",
"src/styles.scss"
],
"scripts": []
diff --git a/package-lock.json b/package-lock.json
index 9e912ac986767d15c6c445a752e8882836460824..9f5bd93a9666aed4a18647799bf6569db0b9a678 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2564,6 +2564,11 @@
"integrity": "sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=",
"dev": true
},
+ "animate.css": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
+ "integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
+ },
"ansi-colors": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
diff --git a/package.json b/package.json
index 77df905e12077876104fa4f5fcc1aa525d651fb0..799b572da9613c93a5deadc5c0ca7133adab4384 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
"@angular/platform-browser-dynamic": "~12.0.3",
"@angular/router": "~12.0.3",
"@ng-select/ng-select": "^6.1.0",
+ "animate.css": "^4.1.1",
"bulma": "^0.9.2",
"bulma-toast": "^2.3.1",
"bulma-tooltip": "^3.0.2",
diff --git a/src/index.html b/src/index.html
index 333ec5bd3f74e892eac44820e6454000c98f057c..30c069b461e9c2ba38b73b83752c438b1b78284b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,6 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
<script src="https://kit.fontawesome.com/3ad4fe992f.js"></script>
+
</head>
<body>
diff --git a/src/styles.scss b/src/styles.scss
index d82eedc2267dbdfc7d48e831b21a0c1b3cbaed90..ab07b11465bdbb453d1ef55a0c10e752923c27d7 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -15,6 +15,7 @@ $info: $primary;
@import '~bulma-tooltip';
@import "~primeng/resources/primeng.min.css";
@import "~primeicons/primeicons.css";
+@import "~animate.css/animate.min";
@import "variables";