Update app.py

app.py

@@ -1,17 +1,41 @@
 import gradio as gr
 
+# CSS 스타일 정의
+css_style = """
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f0f0f9;
+}
+
+h4 {
+    color: #333;
+}
+
+iframe {
+    border: 2px solid #007bff;
+    border-radius: 8px;
+}
+
+.gr-column {
+    padding: 10px;
+}
+
+/* 마크다운 및 HTML 컴포넌트의 스타일을 추가 정의할 수 있음 */
+"""
+
 def app():
     # Gradio 인터페이스 구성
-    with gr.Blocks() as demo:
+    with gr.Blocks(css=css_style) as demo:
+        gr.Markdown("## IFrame으로 웹 페이지 임베딩하기", elem_id="main-title")
         with gr.Row():
             # 첫 번째 HTML 컴포넌트로 IFrame 구현
             with gr.Column():
-                gr.Markdown("### 첫 번째 URL")
+                gr.Markdown("### 첫 번째 URL", elem_id="title-1")
                 gr.HTML(value='<iframe src="https://www.chatbase.co/chatbot-iframe/100-daum-net-eurma-q2o" height="700" width="600"></iframe>')
             
             # 두 번째 HTML 컴포넌트로 IFrame 구현
             with gr.Column():
-                gr.Markdown("### 두 번째 URL")
+                gr.Markdown("### 두 번째 URL", elem_id="title-2")
                 gr.HTML(value='<iframe src="https://seawolf2357-frametest1.hf.space" height="700" width="600"></iframe>')
     
     return demo