Update style.css

style.css

@@ -293,10 +293,12 @@ section {
   margin-top: 2rem;
   flex-wrap: wrap;
   gap: 1rem;
+  text-align: justify;
 }
 
 .stat-item {
   text-align: center;
+  text-align: justify;
 }
 
 .stat-number {
@@ -306,6 +308,7 @@ section {
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
+  text-align: justify;
 }
 
 .stat-label {
@@ -316,22 +319,26 @@ section {
 /* ===== PUBLICATIONS ===== */
 .publication-item {
   margin-bottom: 1.5rem;
+  text-align: justify;
 }
 
 .publication-item h4 {
   color: var(--text-primary);
   margin-bottom: 0.5rem;
   line-height: 1.6;
+  text-align: justify;
 }
 
 .publication-meta {
   color: var(--text-secondary);
   font-size: 0.9rem;
   font-style: italic;
+  text-align: justify;
+  line-height: 1.6;
 }
 
 .doi-link {
-  color: var(--accent);
+  color: var(--text-primary);
   text-decoration: none;
   font-weight: 500;
 }
@@ -340,6 +347,32 @@ section {
   text-decoration: underline;
 }
 
+.paper-title-link {
+  color: var(--text-primary);
+  text-decoration: none;
+  transition: all 0.3s ease;
+  position: relative;
+  display: inline;
+}
+
+.paper-title-link i {
+  margin-left: 0.4em;
+  font-size: 0.9em;
+  opacity: 0;
+  transform: translateX(-5px);
+  transition: all 0.3s ease;
+  color: var(--accent);
+}
+
+.paper-title-link:hover {
+  color: var(--accent);
+}
+
+.paper-title-link:hover i {
+  opacity: 1;
+  transform: translateX(0);
+}
+
 /* ===== TIMELINE ===== */
 .timeline {
   position: relative;
@@ -377,6 +410,11 @@ section {
 .timeline-item h3 {
   color: var(--text-primary);
   margin-bottom: 0.5rem;
+  text-align: justify;
+}
+
+.timeline-item p {
+  text-align: justify;
 }
 
 .timeline-date {
@@ -440,6 +478,11 @@ section {
 .award-info h4 {
   color: var(--text-primary);
   margin-bottom: 0.25rem;
+  text-align: justify;
+}
+
+.award-info p {
+  text-align: justify;
 }
 
 .award-date {
@@ -578,3 +621,30 @@ footer {
   display: block;
   animation: fadeInUp 0.5s ease;
 }
+
+/* ===== CERTIFICATION LINK STYLE ===== */
+.cert-link {
+  color: var(--text-primary);
+  text-decoration: none;
+  transition: all 0.3s ease;
+  position: relative;
+  display: inline-block;
+}
+
+.cert-link i {
+  margin-left: 0.4em;
+  font-size: 0.9em;
+  opacity: 0;
+  transform: translateX(-5px);
+  transition: all 0.3s ease;
+  color: var(--accent);
+}
+
+.cert-link:hover {
+  color: var(--accent);
+}
+
+.cert-link:hover i {
+  opacity: 1;
+  transform: translateX(0);
+}