diff --git a/Frontend_test/Views/Home/Index.cshtml b/Frontend_test/Views/Home/Index.cshtml
index b45937e..ff51511 100644
--- a/Frontend_test/Views/Home/Index.cshtml
+++ b/Frontend_test/Views/Home/Index.cshtml
@@ -16,10 +16,10 @@
 
     <section id="about">
         <h2>About Me</h2>
-        <p>Name：彭賢恩 (Jeff)</p>
-        <p><span class="phone-icon">📞</span> Cellphone：0972253074</p>
-        <p><span class="mail-icon">📧</span> E-mail：aeelejkl174820@gmail.com</p>
-        <p><span class="tea-icon">🍵</span>Gitea：<a href="http://140.125.21.72:8418/Jeff" target="_blank">http://140.125.21.72:8418/Jeff</a></p>
+        <p class="custom-text">Name：彭賢恩 (Jeff)</p>
+        <p class ="custom-text"><span class="phone-icon">📞</span> Cellphone：0972253074</p>
+        <p class="custom-text"><span class="mail-icon">📧</span> E-mail：aeelejkl174820@gmail.com</p>
+        <p class="custom-text"><span class="tea-icon">🍵</span>Gitea：<a href="http://140.125.21.72:8418/Jeff" target="_blank">http://140.125.21.72:8418/Jeff</a></p>
     </section>
 
     <section id="education">
@@ -30,8 +30,8 @@
                 <div class="timeline-content">
                     <h3>2020-2024</h3>
                     <h4>虎尾科技大學 自動化工程系 學士</h4>
-                    <li>班級學業總成績第2名</li>
-                    <li>科系學業總成績第8名</li>
+                    <li class="custom-text">班級學業總成績第2名</li>
+                    <li class="custom-text">科系學業總成績第8名</li>
                 </div>
             </div>
             <div class="timeline-item">
@@ -39,7 +39,7 @@
                 <div class="timeline-content">
                     <h3>2024-NOW</h3>
                     <h4>雲林科技大學 電機系 碩士</h4>
-                    <p>專事於電機工程與相關研究。</p>
+                    <p class="custom-text">專事於電機工程與相關研究。</p>
                 </div>
             </div>
         </div>
@@ -48,10 +48,10 @@
     <section id="skills">
         <h2>Skills</h2>
         <ul>
-            <li>C#開發經驗</li>
-            <li>AOI影像處理</li>
-            <li>YOLO物件偵測技術</li>
-            <li>建立前端網站</li>
+            <li class="custom-text">C#開發經驗</li>
+            <li class="custom-text">AOI影像處理</li>
+            <li class="custom-text">YOLO物件偵測技術</li>
+            <li class="custom-text">建立前端網站</li>
         </ul>
     </section>
 
@@ -61,21 +61,22 @@
         <div class="row my-4">
             <!-- C -->
             <h4 class="col-md-2 prog-lang">C</h4>
-            <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
-                <div class="progress">
-                    <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar"
-                         aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
-                        C語言好難 (40%)
+                <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
+                    <div class="progress">
+                    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
+                             aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+                            C語言好難 (40%)
+                        </div>
                     </div>
                 </div>
-            </div>
+            
 
             <!-- C# -->
             <h4 class="col-md-2 prog-lang">C#</h4>
             <div class="col-md-4 mb-4 mb-md-0 d-flex flex-column justify-content-center">
                 <div class="progress">
-                    <div class="progress-bar progress-bar-striped progress-bar--animated bg-danger" role="progressbar" aria-valuenow="40"
-                         aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+                    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
+                         aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                         窩還在學 (40%)
                     </div>
                 </div>
diff --git a/Frontend_test/wwwroot/css/styles.css b/Frontend_test/wwwroot/css/styles.css
index 388d443..d674d3d 100644
--- a/Frontend_test/wwwroot/css/styles.css
+++ b/Frontend_test/wwwroot/css/styles.css
@@ -10899,8 +10899,8 @@ p.lead {
     padding: 0.5rem;
   }
   #sideNav .navbar-brand .img-profile {
-    max-width: 10rem;
-    max-height: 10rem;
+    max-width: 12rem;
+    max-height: 12rem;
     border: 0.5rem solid rgba(255, 255, 255, 0.2);
   }
   #sideNav .navbar-collapse {
@@ -10971,6 +10971,23 @@ section.resume-section .resume-section-content {
   }
 }
 
+.custom-text {
+    font-size: 20px; /* 可調整字體大小 */
+    font-weight: bold;
+}
+
+.custom-text_1 {
+    font-size: 18px; /* 可調整字體大小 */
+    font-weight: bold;
+}
+
+.prog-lang {
+    font-family: var(--bs-body-font-family);
+    font-size: 20px;
+    font-weight: bold;
+    color: gray;
+}
+
 .timeline {
     border-left: 2px solid #007bff;
     padding-left: 20px;
@@ -11013,12 +11030,28 @@ section.resume-section .resume-section-content {
     margin-bottom: 10px;
 }
 
+@keyframes glowing {
+    0% {
+        background-color: #ff0000;
+    }
+
+    50% {
+        background-color: #ff9900;
+    }
+
+    100% {
+        background-color: #ff0000;
+    }
+}
+
 .progress-bar {
     background: #007bff;
     color: white;
     padding: 5px 10px;
     border-radius: 10px;
     font-weight: bold;
+    animation: glowing 1s infinite alternate;
+    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
 }
 
 .phone-icon {