span{font-weight:400}p{margin:0}.chat-message{border-radius:5px;margin:2%;max-width:70%;padding-left:2%}.username-time-box{color:#3f51b5;font:700;font-size:1rem}.username-time-box span{margin-left:5px}.message-time{font-size:.8rem}.chat-message{background:#6fed9d;border-radius:8px;margin:5px 0;max-width:80%;padding:10px}.message-body{font-size:1rem}p{font-size:1.3rem}.chat-room{margin-left:10%}.chat-header{background-color:#3f51b5;border-radius:5px;color:#fff;padding:10px;text-align:center;width:80%}.chat-header span{font-weight:600}.chat-body{align-items:flex-start;display:flex;flex-direction:column;padding:10px}.apod-image{border:1px solid #ccc;height:30%;width:50%}.chat-footer{display:flex;max-width:80%;padding-top:10px}.text-input-div{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.send-button{background-color:#3f51b5;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px}.error-text{color:red}.App{align-items:center}.join-chatroom-div{display:flex;flex-direction:column;place-items:center;text-align:center}.join-chatroom-div h1{font-size:2rem;margin-bottom:1rem}.join-chatroom-div input{border:2px solid #510adf;border-radius:5px;font-size:16px;height:40px;margin:7px;padding:5px;width:210px}.join-chatroom-div button{background:#510adf;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin:7px;padding:5px;width:225px}.join-chatroom-div button:hover{background:#8a2be2}
/*# sourceMappingURL=main.d2acb424.css.map*/