body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;width:300px;background-color:#ed9a91;height:200px;padding:10px;margin:10px;box-shadow:3px 3px 20px #000;border-radius:10px;text-decoration:none}.Card h2,.Card p{color:#3b2057;text-decoration:none}body,html{padding:0;margin:0}.AppContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:20px;margin:20px}body,html{background-color:#f5f5f5}.container{margin:0!important;padding:0!important;width:100%}.chatWindowContainer{padding:5px 5% 5vh;width:auto;height:90vh;margin:0}.chatWindowContainer,.messageBox{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center}.messageBox{width:100%;height:80vh}.messagesList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width:600px;padding:20px;height:70vh;margin:0}@media only screen and (max-width:800px){.messagesList{width:100%}}.messageInput{width:100%}.messageQueue{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:600px;min-height:500px;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;overflow-y:scroll;background-color:#ed9a91;border-radius:5px;padding-bottom:10px}@media only screen and (max-width:800px){.messageQueue{width:100%}}.message p{padding:0;margin:0}.message span{color:#1f6ce0;font-size:14px}.message{max-width:70%;min-width:50px;height:auto;padding:3px;margin:3px;border-radius:3px;background-color:bisque;word-wrap:break-word}.header{display:-webkit-flex;display:flex;width:100%;-webkit-align-items:center;align-items:center;height:7vh;margin-bottom:20px;padding-bottom:5px;-webkit-justify-content:space-between;justify-content:space-between;background-color:#d45a4a}.header h3{font-size:20px;margin-left:10px}.header button{margin:5px;background-color:#3250b6;border-radius:10px;padding-left:8px;padding-right:8px;outline:none;border:none}@media only screen and (max-width:800px){.header h3{font-size:16px;margin-left:2px}}.form{display:-webkit-flex;display:flex;width:-webkit-max-content;width:max-content;-webkit-flex-direction:column;flex-direction:column;height:auto;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:flex-start;align-items:flex-start;padding:30px;background-color:#8662a7;border-radius:5px;margin:100px 10px 10px;box-shadow:2px 2px 20px #000}.form input{border-radius:20px;padding:5px 10px;margin:5px 5px 5px 0;border:2px solid #8b4513}.form input,.form input:focus{outline:none}.form button{-webkit-align-self:center;align-self:center;padding:6px;margin:8px;background-color:#deb887;border:none;transition-duration:.5s;border-radius:5px}.form button:hover{background-color:brown}.form button:focus,.form button:hover{border:none;outline:none}.messageForm input{border-radius:20px;width:80%;margin:5px 5px 5px 0;border:2px solid #8b4513;box-shadow:2px 2px 20px #969595}.messageForm input,.messageForm input:focus{padding:10px;outline:none}.messageForm{width:100%;-webkit-justify-content:flex-end;justify-content:flex-end;padding:10px}.messageForm,.messageForm button{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.messageForm button{-webkit-justify-content:center;justify-content:center;height:45px;width:45px;outline:none;border:2px solid #8b4513;background-color:#d38c84;font-weight:700;border-radius:50%;box-shadow:2px 2px 20px #969595}.participantsList{height:100%;position:fixed;width:0;z-index:1;top:0;left:0;overflow-x:hidden;overflow-y:scroll;transition-duration:10s;background-color:#f4f4f4;opacity:.9;padding:10px}.participantsList button{display:-webkit-flex;display:flex;float:right;margin-bottom:15px;background-color:transparent;outline:none;border:none;color:#ff4500;font-size:20px}.participantsList div{background-color:#eb9a9a;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:10px;width:80%;border-radius:5px;margin:3px}.participantsList div p{padding:0;margin:0}.show{width:250px;-webkit-animation:fadeIn 1s 0s 1;animation:fadeIn 1s 0s 1;opacity:.9}.hide{width:0;-webkit-animation:fadeOut 1s 0s 1;animation:fadeOut 1s 0s 1}.mobile-hide{display:-webkit-flex;display:flex}@media only screen and (max-width:800px){.mobile-hide{display:none}}
/*# sourceMappingURL=main.eafd1951.chunk.css.map */