body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,div{box-sizing:border-box;margin:0;padding:0}hr{margin:0 0 10px}.App{background-color:#e9e7e7;height:100vh;padding:20px;width:100%}.App,.chat{box-sizing:border-box}.chat{display:flex;height:100%}.chat-users{padding:10px;width:35%}.chat-users li{list-style:none}.chat-users h2,.chat-users ul{margin:0 0 20px}.chat-users h2{color:#bf15c5}.chat-messages{display:flex;flex-direction:column;justify-content:space-between;width:65%}.messages{background-color:#fff;border-radius:10px;height:70%;margin:0 0 4px;overflow:auto;padding:10px 20px}.chat-input{height:30%}.user-write{color:#bf15c5}.message{margin:0 0 10px}.message p{background-color:#e9e7e7;border-radius:10px;display:inline-block;padding:10px 14px}.message.my-message{text-align:right}.message.my-message p{background-color:#f5b6b6;border-radius:10px;display:inline-block;padding:10px 14px}.message span{color:#555;font-size:10px}.message.my-message span{color:#492525;font-size:10px}.enter-menu{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;text-align:center;width:50%}@media (max-width:500px){.App{padding:0 10px}.chat{display:block}.chat-users{height:30%;width:100%}.chat-messages{display:block;height:70%;width:100%}.chat-users h2,hr{margin:0 0 5px}.chat-users ul{margin:0 0 10px;max-height:50px;overflow:auto}.messages{height:70%}.chat-input{height:30%}}.MyButton_myBtn__2yioc{background:transparent;border:1px solid teal;color:teal;cursor:pointer;font-size:14px;padding:5px 15px}.MyButton_myBtn__2yioc:hover{border:1px solid #01afaf;color:#01afaf}.MyInput_myInput__aNZLY{background-color:#fff6f6;border:1px solid teal;margin:0 0 10px;padding:5px 10px;width:100%}.Button_button__1EObo{background-color:initial;border:2px solid #bf15c5;border-radius:5px;cursor:pointer;height:30px;line-height:30px;min-width:90px;padding:0 20px}.Button_button__1EObo:hover{border:2px solid #ec21f3;color:#bf15c5}.Textarea_Textarea__Kfg6W{background-color:initial;margin:0;width:100%}.Textarea_Textarea__Kfg6W label{background-color:initial;display:block;margin:0;text-align:left}.Textarea_Textarea__Kfg6W textarea{background-color:#fff;border:2px solid #b8b7b4;border-radius:5px;box-sizing:border-box;padding:12px;width:100%}
/*# sourceMappingURL=main.8264e3af.css.map*/