.form-section{align-items:center;display:flex;flex-direction:column}.input-group input{border:1px solid #ccc;border-radius:5px;padding:10px;width:250px}.error{color:red;font-size:.8em;margin-top:5px}.create-post-section{margin-top:20px}.input-group{display:flex;flex-direction:column;margin-bottom:10px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:5px;padding:10px}.create-post-button:hover{background-color:#0056b3}.post-item{background-color:#f2f2f2;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;max-height:300px;max-width:300px;overflow:hidden;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.post-item:hover{box-shadow:0 6px 18px #0003;transform:translateY(-5px)}.post-header{display:flex;justify-content:flex-end;margin-bottom:10px}.post-header svg{color:#ff6b6b;cursor:pointer;font-size:14px;transition:color .3s}.post-header svg:hover{color:#ff4c4c}.post-item h5{color:#7b7b7b;font-size:18px;margin-bottom:10px;margin-top:-26px;transition:color .3s}.post-item h5:hover{color:#484848}.post-item p{color:#666;font-size:13px;font-style:italic;margin:0;max-height:200px;overflow-y:auto;padding-right:10px;scrollbar-width:none}.App{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.create-post-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.create-post-button:disabled{background-color:#ccc;cursor:not-allowed}.create-post-button:hover:enabled{background-color:#0056b3}.success-section{text-align:center}.user-actions{align-items:center;display:flex;gap:10px;justify-content:center}.user-actions strong{color:#0000c3;margin-right:5px}.user-actions svg{cursor:pointer}.posts-section{margin-top:20px}.posts-section h3{margin-bottom:10px}.connected-users{margin-top:20px}.connected-users h3{margin-bottom:10px}.connected-users p{font-size:.9em;margin:2px 0}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}
/*# sourceMappingURL=main.923af9d0.css.map*/