merge

@@ -119,13 +119,22 @@ button:hover{
     margin: 23px;
 }
 #output{
+    padding:10px;
     margin:20px;
     display:flex;
+<<<<<<< HEAD
     padding: 10px;
     height:700px;
     background-color:rgba(0,0,0,.87);
     color:var(--text-color);
     font-size:20px;
+=======
+    font-size:20px;
+    height:700px;
+    background-color:rgba(0,0,0,.87);
+    color:var(--text-color);
+    font-family: 'Raleway', 'Noto Serif KR';
+>>>>>>> e948ff4325bc9174b01571ab61b4339fdec7cbdf
 }
 #recordButton{
     line-height: 22px;

@@ -10,6 +10,8 @@
         <script defer src="menu.js"></script>
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Raleway:wght@200&display=swap" rel="stylesheet">
         <script defer src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
         <script defer src="client.js"></script>
         <meta name="description" content="Free and open-source online code editor that allows you to write and execute code from a rich set of languages.">