.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{align-items:center;background-color:#282c34;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.container{background-color:#20232a;border-radius:5px;box-shadow:0 4px 8px #0003;max-width:600px;padding:20px;width:80%}.message-input,.room-input{display:flex;justify-content:space-between;margin-bottom:20px}input{background-color:#333;border:1px solid #444;border-radius:4px;color:#fff;font-size:16px;margin-right:10px;padding:10px;width:70%}button{background-color:#61dafb;border:none;border-radius:4px;color:#282c34;cursor:pointer;font-weight:700;padding:10px 20px;width:28%}button:hover{background-color:#21a1f1}.messages-display h1{margin-bottom:10px}.messages-display p{background-color:#40454f;border-radius:4px;padding:10px}
/*# sourceMappingURL=main.9e50a48e.css.map*/