add functions, create and join room

src/netflix.css

@@ -25,6 +25,7 @@ body.netflix #appMountPoint {
   position: relative !important;
 }
 #party_wrapper.netflix {
+  position: relative;
   z-index: 999;
   flex-shrink: 3;
   flex-basis: 1;
@@ -42,15 +43,45 @@ body.netflix #appMountPoint {
 #party_wrapper.netflix .party_chat_container {
   flex: 1;
 }
-#party_wrapper.netflix .party_chat_input > textarea {
-  width: 100%;
-  margin: 0px;
-  height: 4rem;
-  max-height: 4rem;
-  resize: none;
-  color: black;
-  border-radius: 13px;
-  padding: 5px;
-  outline: none;
-  border: none;
+#party_wrapper.netflix h3{
+  color: white;
 }
+.party_chat_input {
+  position: relative;
+  display: flex;
+}
+.party_chat_input #chat_input {
+  resize: none;
+  max-height: 100px;
+  border-radius: 13px;
+}
+.party_chat_input ::-webkit-scrollbar {
+  display: none;
+}
+.party_chat_input #chat_send {
+  align-self: flex-end;
+  margin-left: 5px;
+  margin-bottom: 5px;
+  color: white;
+}
+.party_chat_input #chat_send svg {
+  height: 1.8rem;
+  width: 1.8rem;
+}
+#loading_container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  background-color: rgba(80, 80, 80, 0.9);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+#loading_container svg{
+  color: wheat;
+  width: 40px;
+  height: 40px;
+}