Add .editor class and create container div

Author: arakilian0

src/index2.html

@@ -52,13 +52,15 @@
                 </div>
             </div>
         </div>
-        <textarea id="editor_css">/* CSS Editor */</textarea>
-        <textarea id="editor_js">// JS Editor</textarea>
+        <textarea id="editor_css" class="editor">/* CSS Editor */</textarea>
+        <textarea id="editor_js" class="editor">// JS Editor</textarea>
     </div>
 
     <!-- Settings Page -->
-    <section id="settings_page">
-        <h1>Settings</h1>
+    <section id="settings_page_container">
+        <div id="settings_page">
+            <h1>Settings</h1>
+        </div>
     </section>
 
 </body>

src/style.css

@@ -66,6 +66,14 @@ textarea {
 #editor_events {
     outline: 1px solid lime;
 }
-#editor_page {
-    /* display: block !important; */
+.editor {
+    padding: 8px;
+    font-size: 14px;
+    font-family: Consolas, 'Courier New', monospace;
+    background: black;
+    width: 480px;
+    height: 490px;
+    border: 0;
+    resize: none;
+    color: #cccccc;
 }