i had to stop becuz online lesson

httpdocs/public/css/styles.css

@@ -0,0 +1,116 @@
+* {
+    margin:0;
+    padding: 0;
+    overflow: hidden;
+}
+
+#main {
+    background: black;
+    width: 100%;
+    height: 100vh;
+}
+
+
+
+#terminal {
+    --padding: 30px;
+    width: calc(100% - (2 * var(--padding)));
+    height: calc(100% - (2 * var(--padding)));
+    padding: var(--padding);
+
+    overflow-y: auto;
+}
+
+#terminal::-webkit-scrollbar {
+    width: 7px;
+}
+
+#terminal::-webkit-scrollbar-thumb {
+    background-color: #222;
+    border-radius: 5px;
+}
+
+#terminal::-webkit-scrollbar-thumb:hover {
+    background-color: #333;
+}
+
+#terminal::-webkit-scrollbar-track {
+    background: none;
+    border-radius: 8px;
+}
+
+#terminal::-webkit-scrollbar-track:hover {
+    background: none;
+}
+
+
+
+.terminalLine {
+    display: flex;
+    justify-content: flex-start;
+}
+
+
+.pathText {
+    color: limegreen;
+    font-family: "Source Code Pro", monospace;
+}
+.pathColon {
+    color: white;
+    font-family: "Source Code Pro", monospace;
+}
+.pathPath {
+    color: limegreen;
+    font-family: "Source Code Pro", monospace;
+}
+.pathDollar {
+    color: white;
+    font-family: "Source Code Pro", monospace;
+}
+
+.pathBlinky {
+    width: 10px;
+    height: 20px;
+    background: lime;
+    animation: blinky infinite 1s;
+}
+@keyframes blinky {
+    0% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+.terminalInput {
+    margin-left: 5px;
+    background: none;
+    outline:none;
+    border: none;
+    font-size: 16px;
+    font-family: "Source Code Pro", monospace;
+    color: white;
+}
+.terminalInput:disabled {
+    margin-left: 5px;
+    background: none;
+    outline:none;
+    border: none;
+    font-size: 16px;
+    font-family: "Source Code Pro", monospace;
+    color: white;
+}
+
+.responseText {
+    font-size: 16px;
+    margin-left: 5px;
+    background: none;
+    outline:none;
+    border: none;
+    font-family: "Source Code Pro", monospace;
+    color: white;
+}