chore : 베너변경

src/views/Main.vue

@@ -358,8 +358,23 @@ onMounted(() => {
 });
 </script>
 
+<style>
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap');
+
+/* GNB, 버튼, 인풋, 아스키, 터미널까지 싹 다 개발자 폰트로 대통합 */
+.homepage-wrapper,
+.menu-btn,
+.nav-item,
+.ascii-art,
+.terminal-box,
+.tui-global-overlay,
+:deep(.terminal),
+:deep(.terminal span) {
+  font-family: 'JetBrains Mono', monospace !important;
+}
+</style>
+
 <style scoped>
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap');
 .homepage-wrapper {
   background-color: #050505;
   color: #00ff00;
@@ -548,6 +563,7 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   text-shadow: 0 0 5px rgba(51, 255, 51, 0.6) !important;
 }
 
+/* 📱 반응형 분기점 */
 /* 📱 반응형 분기점 */
 @media screen and (max-width: 1100px) {
   #videos-container { grid-template-columns: repeat(2, 1fr); }
@@ -558,31 +574,29 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   .project-grid { grid-template-columns: 1fr; }
   .auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
 
-  /* 🟢 [스크롤 100% 복구] 원래 있던 가로 스크롤바를 강제 활성화하고 부드러운 터치 적용 */
+  /* 유저님이 원하셨던 모바일 가로 스크롤 완벽 보장 설정 */
   .ascii-container {
     width: 100%;
-    overflow-x: auto !important;        /* 👈 가로 스크롤 무조건 부활 */
+    overflow-x: auto !important;
     overflow-y: hidden !important;
-    padding: 15px 5px;
+    padding: 20px 10px;
     display: block;
     box-sizing: border-box;
-    -webkit-overflow-scrolling: touch;  /* 👈 모바일에서 스크롤을 부드럽게 슥슥 넘기게 만듦 */
+    -webkit-overflow-scrolling: touch;
   }
 
-  /* 🟢 [갤럭시 S24 타겟팅] 폰트 강제 확대 버그를 찢어버리는 치트키 */
   .ascii-art {
-    font-size: 11px !important;         /* 👈 가로 스크롤로 편하게 볼 수 있는 최적의 모바일 가독성 크기 */
+    font-size: 11px !important; /* 모바일 가로 스크롤 가독성 최적 크기 */
-    line-height: 1.25 !important;
+    line-height: 1.3 !important;
-    white-space: pre !important;        /* 👈 어떤 일이 있어도 줄바꿈 절대 금지 */
+    white-space: pre !important;
     word-break: keep-all !important;
-    width: max-content !important;      /* 👈 아스키 아트 고유 가로폭 절대 보존 */
+    width: max-content !important;
-    margin: 0 !important;               /* 👈 왼쪽 정렬로 스크롤 시작점 고정 */
+    margin: 0 !important;
-    transform: none !important;         /* 👈 문제 많던 scale 옵션 완전 제거 */
 
-    /* 🌟 [핵심] 안드로이드 크롬/삼성인터넷의 폰트 부스팅(글자 크기 제멋대로 키우기) 차단 */
+    /* 갤럭시용 폰트 부스팅 버그 방어 */
     -webkit-text-size-adjust: none !important;
     text-size-adjust: none !important;
-    max-height: 999999px !important;    /* 👈 크롬 엔진의 텍스트 오토사이징을 무력화하는 인프라 꼼수 */
+    max-height: 999999px !important;
   }
 }