update GlobalStyles.js

@@ -2,12 +2,24 @@ import { createGlobalStyle } from "styled-components";
 import reset from "styled-reset";
 
 export default createGlobalStyle`
-    @import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');
-    @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Nanum+Gothic+Coding:wght@400;700&family=Nanum+Pen+Script&family=Sunflower:wght@300;500;700&display=swap');
-    @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
-    
     ${reset}
     * {
        box-sizing: border-box; 
     }
+    html, body {
+        height: 100vh;
+    }
+    #root {
+        height: 100%;
+        display:flex;
+        flex-direction: row;
+    }
+    @font-face {
+        font-family: 'Shadows Into Light', cursive;
+        src: url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
+    }
+    @font-face {
+        font-family: 'Kaushan Script', cursive;
+        src: url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
+    }
 `;