Update app.py

app.py

@@ -172,14 +172,23 @@ 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배 */
 }
+
+/* 탭 클릭 시 눌린 탭에 적용될 스타일 */
+.tab_button.selected {
+    background-color: #007BFF; /* 선택된 탭의 배경색을 변경 */
+    color: white; /* 선택된 탭의 글자색을 변경 */
+    border-bottom: 2px solid #007BFF; /* 선택된 탭 하단에 테두리 추가 */
+}
 """