Create style.css

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "printWidth": 200
+}

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.renderWhitespace": "all"
+}

site/style.css

@@ -0,0 +1,57 @@
+body {
+  background-color: #1e1e1e;
+  color: #e0e0e0;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+.button-container {
+  padding: 10px;
+  background-color: #2d2d2d;
+}
+.run-button {
+  background-color: #4caf50;
+  border: none;
+  color: white;
+  padding: 10px 20px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: transform 0.1s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+
+.run-button:hover {
+  box-shadow: 0 0 10px rgba(76, 175, 80, 0.5);
+}
+
+.run-button:active {
+  transform: scale(0.95);
+}
+
+.editor-container {
+  display: flex;
+  width: 100%;
+  flex-grow: 1;
+}
+.editor-wrapper {
+  flex: 1;
+  padding: 10px;
+}
+.CodeMirror {
+  height: 100%;
+  background-color: #2d2d2d;
+  color: #e0e0e0;
+}
+.CodeMirror-gutters {
+  background-color: #1e1e1e;
+  border-right: 1px solid #4a4a4a;
+}
+.CodeMirror-linenumber {
+  color: #888;
+}