body{margin:0}a,body,button,input,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@font-face{font-family:Nunito-Bold;font-weight:700;src:local("Nunito-Bold"),url(/static/media/Nunito-Bold.7ddd6722d49bf5270cf1.ttf) format("truetype")}.home-container{display:flex;flex-direction:column;left:10%;position:fixed;right:10%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.text-input-field{border-radius:7px;font-size:24px;padding:24px 12px}.text-input-field:focus{outline:none}.enter-room-button{background:#31a24c;border-radius:7px;color:#fff;font-size:28px;font-weight:600;margin-top:20px;padding:24px 12px;text-align:center;text-decoration:none}.chat-room-container{background:"#F4F4F4";bottom:0;display:flex;flex-direction:column;font-family:Nunito-Bold;left:0;position:fixed;right:0;top:0}.room-name{font-family:Nunito-Bold;margin-top:0}.messages-container{background-color:#f4f4f4;flex:1 1;font-family:Nunito-Bold;min-height:100px;overflow:auto}.messages-list{font-family:Nunito-Bold;list-style-type:none;padding:0}.new-message-input-field{box-sizing:border-box;flex:1 1;font-family:Nunito-Bold;font-size:14px;height:50px;margin-right:8px;padding-left:8px;padding-top:16px;resize:none}.message-item{border-radius:4px;color:#fff;font-family:Nunito-Bold;margin:8px;padding:12px 8px;width:55%;word-break:break-word}.my-message{background-color:#3596f1;border-radius:20px 20px 4px 20px;font-family:Nunito-Bold;margin-left:auto;max-width:50%;padding-left:10px;width:-webkit-max-content;width:max-content}.received-message{background-color:#44474c;border-radius:20px 20px 20px 4px;font-family:Nunito-Bold;margin-right:auto}.send-message-button{align-items:center;background:#f56b57;border-radius:50%;border-width:0;color:#fff;display:flex;font-family:Nunito-Bold;font-size:28px;font-weight:600;height:50px;justify-content:center;line-height:27px;margin-bottom:12px;width:50px}.messages-container,.send-message-button{border-color:#9a9a9a}input[type=text]:focus{border:2px solid #3863f0;border-radius:8px}.message-item-text{white-space:pre-wrap;word-break:break-word}a:link{color:#38ffa9}a:hover{color:#fe0}a:active{color:#d9feff}a:visited{color:#4b93ff}.input-container{box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:row;padding:12px 16px}.chat-bubble{-moz-border-radius-bottomleft:2px;background-color:#44474c;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;border-radius:20px;border-bottom-left-radius:2px;display:inline-block;margin-left:10px;padding:16px 28px}.typing{align-items:center;display:flex;height:17px}.typing .dot{-webkit-animation:mercuryTypingAnimation 1.8s ease-in-out infinite;animation:mercuryTypingAnimation 1.8s ease-in-out infinite;background-color:#fff;border-radius:50%;display:inline-block;height:7px;margin-right:4px;vertical-align:middle;width:7px}.typing .dot:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.typing .dot:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.typing .dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.typing .dot:last-child{margin-right:0}.custom-link{color:#3863f0;text-decoration:none}.custom-link:hover{color:#3863f0;text-decoration:underline}@-webkit-keyframes mercuryTypingAnimation{0%{background-color:#6cad96;-webkit-transform:translateY(0);transform:translateY(0)}28%{background-color:#9ecab9;-webkit-transform:translateY(-7px);transform:translateY(-7px)}44%{background-color:#b5d9cb;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mercuryTypingAnimation{0%{background-color:#6cad96;-webkit-transform:translateY(0);transform:translateY(0)}28%{background-color:#9ecab9;-webkit-transform:translateY(-7px);transform:translateY(-7px)}44%{background-color:#b5d9cb;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.ce5bc498.css.map*/