1 files changed, 58 insertions, 18 deletions
diff --git a/spring-front/src/index.css b/spring-front/src/index.css
index 388f1ca..3423aee 100644
--- a/spring-front/src/index.css
+++ b/spring-front/src/index.css
@@ -6,32 +6,72 @@ body {
   width: 95vw;
 }
 
-a {
-  color: #005f87;
-  text-decoration: none;
+.editor {
+  background: #000000;
+  color: #ffffff;
+  width: 95%;
+  max-width: 95%;
+  height: 95%;
+  max-height: 95%;
 }
 
-p {
-  color: #005f87;
+div.code {
+  white-space: pre;
 }
 
-.left-footer {
-  float: left;
+.split {
+  height: 100%;
+  width: 50%;
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  overflow-x: hidden;
+  padding-top: 20px;
 }
 
-.right-footer {
-  float: right;
+.left {
+  left: 0;
+  background-color: #000000;
+}
+.right {
+  right: 0;
+  background-color: #000000;
 }
 
-.editor {
-  background: #000000;
-  color: #ffffff;
-  width: 40%;
-  max-width: 40%;
-  height: 90%;
-  max-height: 90%;
+#editing, #highlighting {
+  margin: 10px;
+  padding: 10px;
+  border: 0;
+  width: calc(100% - 32px);
+  height: 150px;
 }
 
-div.code {
-  white-space: pre;
+#editing, #highlighting, #highlighting * {
+  font-size: 15pt;
+  font-family: monospace;
+  line-height: 20pt;
+}
+
+#editing, #highlighting {
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: auto;
+  white-space: nowrap;
+}
+
+#editing {
+  z-index: 1;
+  color: transparent;
+  background: transparent;
+  caret-color: green;
+  resize: none;
+}
+
+#highlighting {
+  z-index: 0;
+}
+
+#editing, #highlighting, #highlighting * {
+  tab-size: 2;
 }