[mirotalksfu] - add RTMP server and multi-source streaming!, update dep

public/css/Root.css

@@ -0,0 +1,51 @@
+@import url('https://fonts.googleapis.com/css?family=Comfortaa:wght@500&display=swap');
+
+:root {
+    --body-bg: radial-gradient(#393939, #000000);
+    --border: 1px solid rgb(255 255 255 / 32%);
+    --border-radius: 1rem;
+    --msger-width: 800px;
+    --msger-height: 700px;
+    --msger-bubble-width: 85%;
+    --msger-bg: radial-gradient(#393939, #000000);
+    --wb-width: 800px;
+    --wb-height: 600px;
+    --wb-bg: radial-gradient(#393939, #000000);
+    --select-bg: #2c2c2c;
+    --left-msg-bg: #252d31;
+    --right-msg-bg: #056162;
+    --private-msg-bg: #6b1226;
+    --box-shadow: 0px 8px 16px 0px rgb(0 0 0);
+    --btns-hover-scale: scale(1.1);
+    --settings-bg: radial-gradient(#393939, #000000);
+    --tab-btn-active: rgb(42 42 42 / 70%);
+    --btns-bg-color: rgba(0, 0, 0, 0.7);
+    /* buttons bar horizontal */
+    --btns-top: 50%;
+    --btns-right: 0%;
+    --btns-left: 10px;
+    --btns-margin-left: 0px;
+    --btns-width: 60px;
+    --btns-flex-direction: column;
+    /* buttons bar horizontal
+    --btns-top: 95%;
+    --btns-right: 25%;
+    --btns-left: 50%;
+    --btns-margin-left: -160px;
+    --btns-width: 320px;
+    --btns-flex-direction: row;
+    */
+
+    --transcription-height: 680px;
+    --transcription-width: 420px;
+    --transcription-bg: radial-gradient(#393939, #000000);
+
+    --vmi-wh: 15vw;
+    /* https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */
+    --videoObjFit: cover;
+}
+
+* {
+    outline: none;
+    font-family: 'Comfortaa';
+}