Add a scan line

src/ShellPrompt.css

@@ -0,0 +1,22 @@
+@keyframes move-it {
+    0% {
+        background-position: initial;
+    }
+    100% {
+        background-position: 0px -200%;
+    }
+}
+
+pre.prompt {
+    max-height: 80vh;
+    min-height: 20vh;
+    background: repeating-linear-gradient(
+        1deg,
+        var(--nc-bg-3),
+        var(--nc-bg-3) 0%,
+        var(--nc-bg-2) 10%,
+        var(--nc-bg-2) 100%
+    );
+    background-size: 100% 200%;
+    animation: move-it 15s linear infinite;
+}

src/ShellPrompt.tsx

@@ -4,6 +4,7 @@ import Hints from './Hints';
 import ConsoleOutput, { CommandResult, ConsoleLine } from './ConsoleOutput';
 import { USERS } from './Users';
 import { commandsWithContext } from './Command';
+import './ShellPrompt.css';
 
 export const LS_KEY_LAST_LOGIN = 'lastLogin';
 export const LS_KEY_COMMAND_HISTORY = 'commandHistory';
@@ -208,7 +209,7 @@ function ShellPrompt() {
 
     return (
         <div className="shell">
-            <pre style={{ maxHeight: '80vh', minHeight: '20vh' }}
+            <pre className='prompt'
                 aria-label='A text-based console.'
                 // *eslint-disable-next-line jsx-a11y/aria-props
                 aria-description='This area is meant to depict an older styled computer console