twemoji emote menu

front/style/fonts.scss

@@ -1,5 +1,10 @@
 @import "~@fontsource/press-start-2p/index.css";
 
-*{
-  font-family: "Press Start 2P",monospace;
+@font-face {
+  font-family: twemoji;
+  src: url("./fonts/TwemojiMozilla.ttf") format('truetype');
 }
+
+*{
+  font-family: "twemoji","Press Start 2P",monospace;
+}

front/style/style.scss

@@ -39,7 +39,6 @@ body .message-info.warning {
 .video-container {
     position: relative;
     transition: all 0.2s ease;
-    background-color: #00000099;
     height: 100%;
 
     video {
@@ -146,7 +145,6 @@ body .message-info.warning {
 }
 
 video.myCamVideo{
-    background-color: #00000099;
     max-height: 20vh;
     width: 15vw;
     -webkit-transform: scaleX(-1);
@@ -373,6 +371,7 @@ body {
     }
     .sidebar>div {
         max-height: 21%;
+        height: 21%;
     }
     .sidebar>div:hover {
         max-height: 25%;