FirstSection 폰트 사이즈

src/App.js

@@ -2,18 +2,11 @@ import {GlobalStyle} from "./style/GlobalStyle";
 import styled, {ThemeProvider} from "styled-components";
 import {Resize} from "./component/Resize";
 import {Theme} from "./style/theme";
-import Header from "./component/Header";
 import Footer from "./component/Footer";
 import UiSection from "./section/UiSection";
 import React, {useEffect} from "react";
 import {UiContextProvider} from "./context/UiReducer";
 import Page from "./page/Page";
-import {PortfolioPage} from "./page/PortfolioPage";
-
-const Test = styled.div`
-  height: var(--footer-height);
-  background-color: #f00;
-`
 
 function App() {
   useEffect(() => {

src/component/Resize.js

@@ -8,12 +8,13 @@ export const Resize = () => {
     document.documentElement.style.setProperty("--vh", `${vh}px`)
     document.documentElement.style.setProperty("--vw", `${vw}px`)
   }
+
   useEffect(() => {
     handleResize()
     window.addEventListener("resize", handleResize)
     return () => {
       window.removeEventListener("resize", handleResize)
     }
-  })
+  }, [])
   return <div></div>
 }

src/section/FirstSection.js

@@ -60,6 +60,8 @@ const FirstSectionStyle = styled.section`
     animation-duration: 1200ms;
     animation-delay: 2700ms;
     animation-fill-mode: backwards;
+    
+    word-break: keep-all;
   }
 
   .link {