diff --git a/css/style.css b/css/style.css
index e5f4e56..aea40b6 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1308,26 +1308,7 @@ span.textaccor {
box-sizing: border-box;
}
-.swiper-slide {
- opacity: 0;
- transform: scale(1.05); /* slightly zoomed out initially */
- transition:
- opacity 1.2s ease-in-out,
- transform 2s ease-in-out,
- visibility 1.2 ease-in-out; /* slower for smooth zoom */
- visibility: hidden;
-}
-.swiper-slide-active {
- opacity: 1;
- transform: scale(1); /* zooms in smoothly */
- visibility: visible;
-}
-.swiper-slide-prev {
- opacity: 0; /* fades out smoothly */
- transform: scale(1.05);
- visibility: hidden;
-}
.swiper-wrapper {
display: flex;
@@ -1482,6 +1463,10 @@ span.textaccor {
width: 120px;
height: 24px;
}
+ .card-scroll {
+
+ margin-top: 5px;
+}
.container {
padding: 0 25px 0 25px;
@@ -2024,8 +2009,31 @@ span.textaccor {
font-weight: 600;
white-space: nowrap;
font-family: var(--font-primary);
+ top: -35px;
}
+
+.timeline {
+ justify-content: space-between;
+ list-style: none;
+ display: flex;
+ gap: 120px;
+ overflow-x: auto;
+ padding: 20px;
+ scroll-behavior: smooth;
+ white-space: nowrap;
+ position: relative;
+ padding-top: 50px;
+ margin-top: 40px;
+ margin-bottom: 20px;
+ margin-left: 20px;
+}
+
+.timeline-item {
+ position: relative;
+ z-index: 1;
+ top: -15px;
+}
.swiper-slide h2 {
diff --git a/index.html b/index.html
index f600591..f476d5d 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
-
+