edit css, make microwave background transparent

src/App/BottomPanel/BottomPanel.tsx

@@ -4,7 +4,7 @@ import { TraceableError } from "../../statecharts/parser";
 import "./BottomPanel.css";
 
 import { PersistentDetailsLocalStorage } from "../PersistentDetails";
-import { Logo } from "@/Logo/Logo";
+import { Logo } from "@/App/Logo/Logo";
 
 export function BottomPanel(props: {errors: TraceableError[]}) {
   const [greeting, setGreeting] = useState(

src/App/Modals/About.tsx

@@ -1,4 +1,4 @@
-import { Logo } from "@/Logo/Logo";
+import { Logo } from "@/App/Logo/Logo";
 import { Dispatch, ReactElement, SetStateAction } from "react";
 
 export function About(props: {setModal: Dispatch<SetStateAction<ReactElement|null>>}) {

src/App/Modals/TextDialog.tsx

@@ -29,12 +29,14 @@ export function TextDialog(props: {setModal: Dispatch<SetStateAction<ReactElemen
   }
 
   return <div onKeyDown={onKeyDown} style={{padding: 4}}>
-    Text label:<br/>
+    {/* Text label:<br/> */}
     <textarea autoFocus style={{fontFamily: 'Roboto', width: 400, height: 60}} onChange={e=>setText(e.target.value)} value={text} onFocus={e => e.target.select()}/>
     <br/>
     <span style={{color: 'var(--error-color)'}}>{parseError}</span><br/>
-    <p><kbd>Enter</kbd> to confirm. <kbd>Esc</kbd> to cancel.
-    </p>
-    (Tip: <kbd>Shift</kbd>+<kbd>Enter</kbd> to insert newline.)
+    {/* <p> */}
+      <kbd>Enter</kbd> to confirm. <kbd>Esc</kbd> to cancel.
+    {/* </p> */}
+    {/* <br/> */}
+    {/* (Tip: <kbd>Shift</kbd>+<kbd>Enter</kbd> to insert newline.) */}
   </div>;
 }

src/App/Plant/Microwave/Microwave.tsx

@@ -92,7 +92,7 @@ export const Microwave = memo(function Microwave({state: {bellRinging, magnetron
         src: url(${fontDigital});
       }
     `}</style>
-    <svg width='400px' height='auto' viewBox="0 0 520 348">
+    <svg width='380px' height='auto' viewBox="0 0 520 348">
       {/* @ts-ignore */}
       <image xlinkHref={imgs[doorOpen][magnetronRunning]} width={520} height={348}/>
 

src/index.css

@@ -16,7 +16,7 @@ html, body {
   --light-accent-color: light-dark(rgba(0,0,255,0.2), rgba(78, 186, 248, 0.377));
   --accent-border-color: light-dark(blue, rgb(64, 185, 255));
   --accent-opaque-color: light-dark(#ccccff, #305b73);
-  --separator-color: light-dark(lightgrey, rgb(44, 44, 44));
+  --separator-color: light-dark(lightgrey, rgb(58, 58, 58));
   --inactive-bg-color: light-dark(#f7f7f7, rgb(29, 29, 29));
   --inactive-fg-color: light-dark(grey, rgb(70, 70, 70));
   --button-bg-color: light-dark(#fcfcfc, rgb(44, 50, 63));