::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background-color:#bbb}body{color:red;font-family:Courier New,Courier,monospace;margin:0;padding:0}body,header{background-color:#000}header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem;width:100%}header h1{color:red;font-family:Arial Black,sans-serif;font-size:1.5rem;margin:0}.sign-in,.sign-out{background-color:initial;border:1px solid red;border-radius:5px;color:red;cursor:pointer;font-size:1rem;margin-left:1rem;padding:.5rem 1rem;transition:all .3s ease}.sign-in:hover,.sign-out,.sign-out:hover{background-color:red;color:#000}.chat-room{align-items:center;display:flex;flex-direction:column;margin-top:20px}.message{align-items:flex-start;border-radius:8px;display:flex;margin:10px 0;max-width:100%;padding:10px}.sent{background-color:#400000}.received,.sent{justify-content:flex-start}.received{background-color:#200}.displayname{color:#fff;font-weight:700;margin:0 0 5px}.messageText{color:red;font-family:Courier New,Courier,monospace;margin-bottom:10px;margin-left:10px;margin-top:0}.received img,.sent img{border-radius:50%;height:37px;margin-left:10px;margin-right:5px;width:37px}form{align-items:center;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;margin-left:auto;margin-right:auto;padding:10px;position:fixed;right:0;width:50%}main{flex-grow:1;margin:0 20px;overflow-y:auto;padding-bottom:70px}input{background-color:#200;border:none;border-radius:10px;color:red;flex:1 1;font-size:15px;margin:1rem;outline:none;padding:.8rem}.enter{background-color:red;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.enter:hover{transform:translateY(-2px)}.chat-heading{align-items:center;display:flex;justify-content:center;margin-top:15%}.load-more-button{background-color:red;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;margin-top:10px;outline:none;padding:10px 20px;transition:background-color .3s ease}.load-more-button:hover{background-color:#c00}.load-more-button:disabled{background-color:#bdc3c7;cursor:not-allowed}
/*# sourceMappingURL=main.42e1f0e3.css.map*/