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}nav{align-items:center;background-color:red;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 32px}nav a{color:#fff;font-size:20px;font-weight:700;text-decoration:none}nav ul{align-items:center;display:flex;list-style:none}nav ul li{margin-left:8px}.nav-user{color:#fff;display:flex}.nav-user p{margin-right:16px}button{background-color:red;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;min-width:100px;padding:8px}.home-container{display:grid;grid-template-columns:1fr 3fr;overflow:hidden;position:relative;width:100%}.user-container{overflow-y:auto}.list-user{background-color:red}.list-user,.unlist-user{border:1px solid red;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:16px}.messages-container{padding:16px 32px}.auth-wrapper{text-align:center}.auth-wrapper h3{font-size:32px;text-transform:uppercase}.auth-input{margin-bottom:24px}.auth-input label{display:block;font-weight:700}.auth-input input,.auth-input select{border:1px solid #bfbfbf;padding:8px;width:300px}.chat-name{color:red;font-size:24px;text-align:center;text-transform:uppercase}.user-msg{background-color:#bfbfbf;margin-left:auto}.receiver-msg,.user-msg{border-radius:8px;color:#fff;height:auto;margin-bottom:8px;padding:4px 8px;width:350px}.receiver-msg{background-color:red;margin-right:auto}.receiver-msg p,.user-msg p{word-wrap:break-word;text-align:left}.form-message{display:flex;width:100%}.message-form-wrapper{flex:1 1;margin-right:22px}.form-message input{border:1px solid red;border-radius:8px;padding:8px;width:100%}
/*# sourceMappingURL=main.ed72ad6d.css.map*/