Update app.py

app.py

@@ -149,15 +149,16 @@ button:hover {
     background: linear-gradient(135deg, #0056b3, #002752);
 }
 
-/* 탭 스타일링 */
+/* 탭의 색상을 연한 회색 계열로 변경 */
 .tab {
-    border: 2px solid #007BFF; /* 푸른색 테두리 적용 */
-    margin-bottom: -1px; /* 탭 사이의 공간 제거 */
-    font-size: 14px; /* 폰트 사이즈 조정 */
+    background-color: #f0f0f0; /* 연한 회색 배경 */
+    color: #333; /* 어두운 글자색 */
+    border: 1px solid #dcdcdc; /* 테두리 색상 */
 }
 
 .tab_content {
-    border: 2px solid #007BFF; /* 탭 컨텐츠 테두리에 푸른색 적용 */
+    background-color: #f9f9f9; /* 탭 컨텐츠 배경색을 더 연한 회색으로 설정 */
+    border: 1px solid #dcdcdc; /* 탭 컨텐츠 테두리 색상 */
     border-top: none; /* 탭과의 중복 테두리 제거 */
 }
 
@@ -171,6 +172,14 @@ button:hover {
 .input:hover, .output:hover {
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); /* 호버 시 더 큰 그림자 효과 */
 }
+/* 타이틀과 설명글 가운데 정렬 추가 */
+.markdown {
+    text-align: center;  /* 텍스트를 가운데 정렬 */
+}
+/* 결과 출력 컴포넌트의 글자 크기 2배로 조정 */
+.output {
+    font-size: 200%; /* 기본 글자 크기의 2배 */
+}
 """