.App{-webkit-animation:backgroundGradient 10s ease infinite;animation:backgroundGradient 10s ease infinite;background:#fff;background-image:linear-gradient(90deg,#cc2b5e,#753a88,#185a9d);background-size:400%;color:#212121;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;place-items:center;width:100vw}@-webkit-keyframes backgroundGradient{0%{background-position:100%}50%{background-position:0}to{background-position:100%}}@keyframes backgroundGradient{0%{background-position:100%}50%{background-position:0}to{background-position:100%}}@-webkit-keyframes backgroundGradientReverse{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes backgroundGradientReverse{0%{background-position:0}50%{background-position:100%}to{background-position:0}}body{margin:0;padding:0}.joinChatButton{display:flex;flex-direction:column;text-align:center}.joinChatButton h3{color:#fff;font-size:2.5rem;margin-bottom:1rem}.joinChatButton input{border:none;height:40px;width:210px}.joinChatButton button,.joinChatButton input{border-radius:5px;font-size:16px;margin:7px;padding:5px}.joinChatButton button{background-image:linear-gradient(90deg,#cc2b5e,#753a88,#185a9d);border:1px solid #fff;color:#fff;cursor:pointer;height:50px;width:225px}.joinChatButton button:hover{background-image:linear-gradient(270deg,#cc2b5e,#753a88,#185a9d)}.chat-window{height:520px;scrollbar-width:none;width:400px}.chat-window p{margin:0}.chat-window .chat-header{background:#263238;border-radius:6px;cursor:pointer;height:60px;position:relative}.chat-window .chat-header div{color:#fff;display:block;font-weight:700;padding:0 1em 0 2em}.chat-window .chat-body{background:#fff;border:1px solid #263238;height:335px;position:relative}.chat-window .chat-body .message-container{height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{display:flex;height:auto;padding:10px}.chat-window .chat-body .message .message-content{align-items:center;-webkit-animation:backgroundGradient 4s ease infinite;animation:backgroundGradient 4s ease infinite;background-image:linear-gradient(90deg,#cc2b5e,#753a88,#185a9d);background-size:400%;border-radius:5px;color:#fff;display:flex;height:auto;margin-left:5px;margin-right:5px;max-width:120px;min-height:40px;overflow-wrap:break-word;padding-left:5px;padding-right:5px;width:auto;word-break:break-word}#you,#you .message-content,#you .message-data{justify-content:flex-start}#you .message-data{margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{-webkit-animation:backgroundGradientReverse 4s ease infinite;animation:backgroundGradientReverse 4s ease infinite;background-image:linear-gradient(270deg,#cc2b5e,#753a88,#185a9d);background-size:400%}#other .message-data{justify-content:flex-end;margin-right:5px}.message-data #username{font-weight:700;margin-left:10px}.chat-window .chat-body .message .message-data{display:flex;font-size:12px}.chat-window .chat-footer{border:1px solid #263238;border-top:none;display:flex;height:40px}.chat-window .chat-footer input{border:0;border-right:1px dotted #607d8b;flex:85% 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;height:100%;outline:none;padding:0 .7em}.chat-window .chat-footer button{-webkit-animation:backgroundGradient 4s ease infinite;animation:backgroundGradient 4s ease infinite;background-image:linear-gradient(90deg,#cc2b5e,#753a88,#185a9d);background-size:400%;border:0;color:#fff;cursor:pointer;display:grid;flex:15% 1;font-size:25px;height:100%;outline:none;place-items:center}.hide{opacity:0!important}.disabledInput{background-color:#fff;caret-color:transparent}
/*# sourceMappingURL=main.3eae1595.css.map*/