Fix App.css, Header 가려짐 해결

frontend/src/css/App.css

@@ -26,7 +26,7 @@ button:active {
 /* 화면 구성 초기화 */
 .App {
   width: 100vw;
-  height: 100vh;
+  /* height: 100vh; */
   display: flex;
   justify-content: center;
   align-items: center;

frontend/src/css/Main.css

@@ -19,8 +19,11 @@
     
 }
 .intro p{
+    font-size: 35px;
     color: white;
     font-family: "JalnanGothic";
+    text-align: center;
+    line-height: 1.5;
 }
 
 

frontend/src/pages/Main.js

@@ -49,7 +49,7 @@ function Main() {
     <div className="App">
       <h1>모두의 食道樂</h1>
       <div className="intro">
-        가보고 싶은 식당을 찾아보고, 가본 식당을 기록해보세요!
+        <p>가보고 싶은 식당을 찾아보고, <br/>가본 식당을 기록해보세요!</p>
       </div>
       <div style={{ display: 'flex' }}>
         <select id="addInputPrior" defaultValue={"time"} onChange={handleSortChange}>