diff --git a/index.html b/index.html
index 9255bb8..4f98afb 100644
--- a/index.html
+++ b/index.html
@@ -11,11 +11,14 @@
-
+
-
+
+
+
+
diff --git a/js/main.js b/js/main.js
index 8b874e8..cb2ad94 100644
--- a/js/main.js
+++ b/js/main.js
@@ -69,3 +69,8 @@ const stopVideo = () => {
document.querySelector('.modal__closebar')
.addEventListener('click', toggleModal);
+
+ removeload=()=>{
+ var preloader=document.getElementById('preloading')
+ preloader.style.display="none";
+ }
\ No newline at end of file
diff --git a/ll3.gif b/ll3.gif
new file mode 100644
index 0000000..82babb1
Binary files /dev/null and b/ll3.gif differ
diff --git a/main.css b/main.css
index 5ba2caa..2cb5a76 100644
--- a/main.css
+++ b/main.css
@@ -8,7 +8,28 @@ body {
font-family: "verdana", sans-serif;
background: url("images/bg1.png") no-repeat center center/cover fixed;
}
-
+.back{
+ padding: 0;
+ animation: anim 2s;
+ animation-timing-function: ease-in-out;
+}
+@keyframes anim {
+ 0%{
+ opacity: 0%;
+ }
+ 100%{
+ opacity: 100%;
+ }
+}
+#preloading{
+ position: fixed;
+ height: 100vh;
+ width: 100%;
+ background: black url('ll3.gif') no-repeat center;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
+ background-size: 45%;
+ z-index: 9999;
+}
.app-wrap {
min-height: 100vh;
background-image: linear-gradient(