카드 css 수정

assets/css/styles.css

@@ -7,7 +7,7 @@ body {
     line-height: 1.6;
     background-color: #f4f4f4;
     color: #333;
-    padding-top: 40px; /* 네비게이션 바 높이만큼 여백 */
+    padding-top: 50px; /* 네비게이션 바 높이만큼 여백 */
 }
 
 /* Navigation styles */
@@ -74,4 +74,7 @@ footer p {
     section {
         max-width: 100%;
     }
+    body {
+        padding-top: 40px; /* 네비게이션 바 높이만큼 여백 */
+    }
 }

experiences.html

@@ -100,7 +100,6 @@ <h3>2019-2020년도</h3>
         gap: 20px;
         height: auto;
         /* 카드 간 간격 */
-        padding: 10px;
         margin: 0 auto;
         /* 가운데 정렬 */
     }
@@ -112,6 +111,7 @@ <h3>2019-2020년도</h3>
         border-radius: 10px;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         /* 그림자 */
+        grid: 0 0 auto; /* 카드 크기 고정 */
         padding: 20px;
         max-width: 800px;
         text-align: left;

projects.html

@@ -50,6 +50,7 @@ <h2>Projects</h2>
     display: flex;
     gap: 20px;
     overflow-y: hidden; /* 세로 스크롤 비활성화 */
+    overflow-x: hidden;
     padding: 10px;
 }  
 
@@ -64,7 +65,7 @@ <h2>Projects</h2>
     /*animation: scroll-loop 20s linear infinite;*/
 }
 .project-group:hover {
-animation-play-state: paused; /* hover 시 애니메이션 일시 중지 */
+    animation-play-state: paused; /* hover 시 애니메이션 일시 중지 */
 }
 .project-group::-webkit-scrollbar {
     height: 6px; /* 스크롤바 높이 */
@@ -79,10 +80,14 @@ <h2>Projects</h2>
     background: #555; /* 스크롤바 호버 색상 */
 }
 .project-card {
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    padding: 10px;
     flex: 0 0 auto; /* 카드 크기 고정 */
     width: 300px;
     min-height: 250px; /* 최소 높이 */
-    transition: transform 0.3s, box-shadow 0.3s;
+    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }
 
 .project-card:hover {