Modified file

lazarev/Assets/CSS/style.css

@@ -33,6 +33,10 @@ nav #nav-part2 ol{
 }
 
 
+#page1 h2 {
+  font-family: NHaasBold !important;
+}
+
 
 #page1 h2 svg{
     width: 7vw;
@@ -156,7 +160,7 @@ ol li ol{
      animation: LogoMover 15s infinite 2s linear ;
      overflow-x: none;
      overflow-y: none;
-    transition: all ease-in-out 0.5s;
+    transition: all ease-in 0.5s;
      width: 100%;
      height: 100%;
      display: flex;
@@ -190,11 +194,32 @@ border-top: 2.1px solid gray;
   }
 
   #page2_Part2_right .elem h2{
-
-font-size: 1.8rem;
- font-weight: 500;
- margin-top: 12px;
+  z-index: 2;
+   font-size: 1.6rem;
+   position: absolute;
+   font-weight: 500;
+   margin-top: 12px;
    }
+
+   #page2_Part2_right .elem img{
+position: absolute;
+top: 0px;
+opacity:0;
+pointer-events: none;
+left:0px;
+display: none;
+z-index: 0;
+    width: 70px;
+    height: 70px;
+    scale: 0;
+    border-radius: 50%;
+    object-fit: cover;
+
+    }
+
+
+
+
   #page2_Part2_right .elem:hover{
     /* background-color: aqua; */
     transition: all ease-in 0.1s;
@@ -203,5 +228,57 @@ border-top: 2.1px solid wheat;
 
   }
 
+  .elem:hover #arrow_container:nth-child(1) {
+    transform: translate(-50,-50%);
+    background-color: red;
+
+  }
+
+  .arrow_one{
+    transition: all ease-in 0.001s;
+  }
+
+  .arrow_two{
+    transition: all ease-in 0.001s;
+  }
+
+  /* pAGE2 start end */
+
+  #page3{
+    background-image: url('../Image/page3_img.webp');
+    object-fit: cover;
+    position: relative;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+
+  #page3-center{
+   width:300px ;
+   height: 300px;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   /* border-radius: 50%; */
+   /* background: white; */
+   position: absolute;
+   /* transform: translate(-50%,-50%); */
+   top: 30%;
+   left: 35%;
+  }
+
+  #Page3-circle{
+    width:200px ;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /* background: #000; */
+     border-radius: 50%;
+        background: white;
+    height: 200px;
+  }
+
+  #Page3-circle i {
+ font-size: 3rem;
 
-  /* pAGE2 start end */
+  }