chore : 베너변경

src/views/Main.vue

@@ -359,6 +359,7 @@ onMounted(() => {
 </script>
 
 <style scoped>
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap');
 .homepage-wrapper {
   background-color: #050505;
   color: #00ff00;
@@ -450,7 +451,7 @@ onMounted(() => {
   position: relative;
 }
 .ascii-art {
-  font-family: 'Courier New', Courier, monospace !important;
+  font-family: 'JetBrains Mono', monospace !important;
   font-weight: bold;
   white-space: pre;
   display: block;
@@ -554,11 +555,10 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   .project-grid { grid-template-columns: 1fr; }
   .auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
 
-  /* 🟢 [수정] 고정 px 대신 뷰포트 단위(vw)를 주면, 스마트폰 화면 크기에 맞춰
-     아스키 아트가 깨지지 않고 미니어처처럼 비율대로 정밀하게 자동 축소됩니다! */
+  /* 🟢 갤럭시 S24를 포함한 모바일 화면 비율 맞춤 자동 축소 */
   .ascii-art {
-    font-size: 1.8vw !important;
-    line-height: 1.15 !important;
+    font-size: 1.6vw !important; /* 👈 폭에 맞게 약간 더 미세 조정 */
+    line-height: 1.2 !important;
   }
 }
 @media screen and (max-width: 650px) {