Make design in /new

@@ -25,25 +25,23 @@ export default function New() {
         console.log(post);
         console.log(post);
     };
     };
     return (
     return (
-        <div>
-            <h1>New Post</h1>
+        <div className=" mx-10">
             <form onSubmit={makePost}>
             <form onSubmit={makePost}>
-                <label>제목</label>
-                <input type="text" id="title" />
+                <input type="text" className=" w-[90%] text-2xl p-2 mb-4 bg-[#f5f5f5]" id="title" placeholder="제목" />
                 <select id="level" defaultValue="1">
                 <select id="level" defaultValue="1">
                     <option value="1">LOW</option>
                     <option value="1">LOW</option>
                     <option value="2">MEDIUM</option>
                     <option value="2">MEDIUM</option>
                     <option value="3">HIGH</option>
                     <option value="3">HIGH</option>
                 </select>
                 </select>
-                <label>문제 설명</label>
-                <textarea id="explain"></textarea><br />
-                <label>예시 코드 (C++언어로 작성해야 합니다.)</label>
+                <br />
+                <textarea id="explain" className=" w-full p-2 bg-[#f5f5f5] max-h-96 h-[300px]" placeholder="문제 설명"></textarea><br />
                 <CodeEditor
                 <CodeEditor
                     value={code}
                     value={code}
                     language="cpp"
                     language="cpp"
-                    placeholder="Please enter example code."
+                    placeholder="예시 코드 (C++언어로 작성해야 합니다.)"
                     onChange={(evn) => setCode(evn.target.value)}
                     onChange={(evn) => setCode(evn.target.value)}
                     padding={15}
                     padding={15}
+                    className="mb-4"
                     style={{
                     style={{
                         fontSize: 12,
                         fontSize: 12,
                         backgroundColor: "#f5f5f5",
                         backgroundColor: "#f5f5f5",
@@ -51,11 +49,11 @@ export default function New() {
                             "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace"
                             "ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace"
                     }}
                     }}
                 />
                 />
-                <label>예시 입력(Enter로 구분)</label>
-                <textarea id="testinput"></textarea>
-                <label>예시 출력(Enter로 구분)</label>
-                <textarea id="testoutput"></textarea><br />
-                <button type="submit">제출</button>
+                <textarea id="testinput" className=" w-full p-2  bg-[#f5f5f5] mb-4 h-[100px]" placeholder="예시 입력(Enter로 구분)"></textarea>
+                <br />
+                <textarea id="testoutput" className=" w-full p-2  bg-[#f5f5f5] mb-4 h-[100px]" placeholder="예시 출력(Enter로 구분)"></textarea>
+                <br />
+                <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" type="submit">제출</button>
             </form>
             </form>
         </div>
         </div>
     );
     );