body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;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}.login-container{height:100vh;justify-content:center}.login-container,.login-container form{align-items:center;display:flex;flex-direction:column}.login-container form{background-color:#efefef;border-radius:10px;box-shadow:2px 2px 10px gray;padding:20px}.form-control,.login-container h1{margin-bottom:20px}.form-control{align-items:flex-start;display:flex;flex-direction:column}.login-container label{font-weight:700;margin-bottom:10px}.login-container input[type=password],.login-container input[type=text]{border:1px solid gray;border-radius:5px;font-size:16px;padding:10px;width:300px}.login-container button[type=submit]{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.login-container .error{border-radius:5px;color:#f44336;margin-bottom:10px;padding:10px;text-align:center}.chat{display:flex;flex-direction:column;height:100vh;overflow:hidden}.chat-header{background-color:#f2f2f2;padding:10px}.content-wrapper{display:flex;flex:1 1;margin-top:47px}.menu-column{background-color:#f2f2f2;flex:1 1;overflow:scroll}.menu-column,.topics-column{max-height:calc(100vh - 50px)}.topics-column{background-color:#fff;flex:2 1;overflow-y:auto;padding:10px}.elementos-lista{list-style:none;margin:0}.elemento{border-bottom:1px solid #e0e0e0}.new-conversation-button{margin-right:10px}.logout-button{margin-left:10px}.chat-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.chat-form button:hover{background-color:#0056b3}@media (max-width:600px){.chat{display:flex;flex-direction:column;height:100%;max-height:none;width:100%}.chat-messages{flex-grow:1;height:calc(100vh - 25px);padding-top:95px}.chat-form,.chat-messages{margin-bottom:8px}}.new-conversation-button{background-color:#fff;border:none;border-radius:4px;color:#4d574d;cursor:pointer;display:inline-block;font-size:16px;margin:0 2px;padding:10px 24px;text-align:center;text-decoration:none;transition-duration:.4s}.new-conversation-button:hover{background-color:#4caf50;color:#fff}.chat-header{align-items:center;background-color:#323332;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;left:0;padding:4px 20px;position:fixed;right:0;top:0;z-index:100}.chat-header-title{color:#fff;font-size:24px;font-weight:600;margin:0}.listado-container{background-color:#f5f5f5;border-radius:5px;margin:20px;padding:20px}.elementos-lista{list-style-type:none;padding:0}.elemento{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:10px;padding:10px}.topic-buttons{display:flex;margin-top:14px}.delete-button,.edit-button{background:none;border:1px solid #d4d4d4;cursor:pointer;margin-left:10px}.delete-button,.delete-button:hover,.edit-button:hover{color:#da1c1c}.form-topic{margin-right:20px;padding:20px}.container{background-color:#f7f7f7;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:500px;padding:20px}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:5px}input[type=text],textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.form-check{margin-bottom:20px}.form-check-input{margin-right:10px}.btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.btn:hover{background-color:#0056b3}.error{background-color:#f2dede;border:1px solid #f2dede;border-radius:4px;color:#a94442;margin-bottom:20px;padding:10px;text-align:center;width:100%}.message{background-color:#333;border-radius:5px;color:#fff;left:50%;opacity:0;padding:10px 20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease-in-out}.message.visible{opacity:1}.elemento{align-items:center;display:flex}.topic-text{flex:1 1}.topic-image{margin-left:auto;padding-left:10px;width:80px}.App{align-items:center;background-color:#1a1a1a;display:flex;height:100vh;justify-content:center}@media (max-width:600px){.App{height:100%;padding:0}}
/*# sourceMappingURL=main.410c9cd0.css.map*/