:root{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.5rem,1vw,.9rem)}body,html{margin:0;padding:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}.maindiv{background-color:#141414;flex-direction:column;justify-content:left;align-items:center;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;display:flex}.inputdiv{flex-direction:row;justify-content:left;align-items:center;width:90%;max-width:600px;height:10%;display:flex;overflow-x:hidden}.inputnum{color:#fff;text-align:center;background-color:#1b1b1b;border:none;border-radius:1rem;outline:none;flex:1;min-width:0;height:4rem;font-family:Arial,Helvetica,sans-serif;font-size:2.5rem}.inputbutton{color:#fff;cursor:pointer;background-color:#42424233;border-radius:1rem;justify-content:center;align-items:center;width:fit-content;height:4rem;margin-left:2rem;padding-left:1rem;padding-right:1rem;font-size:2rem;font-weight:700;display:flex}.chatdiv{flex-direction:column;justify-content:center;align-items:center;width:95%;max-width:95%;height:90%;max-height:90%;padding:2rem;display:flex}.messagelist{align-items:center;justify-content:top;z-index:1;scrollbar-width:none;outline:none;flex-direction:column;flex:1;width:100%;margin-bottom:2rem;display:flex;overflow-y:scroll}.individualmsg{color:#fff;align-items:flex-start;width:100%;margin-bottom:1rem;display:flex}.mine{justify-content:right}.yours{justify-content:left}.individualmsgcontent{word-wrap:break-word;background-color:#006b6b;border-radius:1.8rem;width:fit-content;max-width:50vw;padding:1.2rem;font-size:clamp(2rem,1vw,2rem);font-weight:100;animation:.4s forwards slideup}.private{color:var(--priv);transition:color 1s}.private:active{color:#fff;transition-duration:0s}.minetext{background-color:#00f}.yourstext{background-color:#000}.sendmessageinput{border-radius:1rem;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:600px;height:6rem;padding:1rem;display:flex;overflow-x:hidden}.sendmessage{text-align:center;color:#fff;background-color:#1b1b1b;border:none;border-radius:1rem;outline:none;flex:1;min-width:0;height:4rem;font-family:Arial,Helvetica,sans-serif;font-size:2.5rem}.sendmessagebutton{color:#fff;cursor:pointer;background-color:#19a7b1e3;border-radius:1rem;justify-content:center;align-items:center;height:4rem;margin-left:1rem;padding-left:1rem;padding-right:1rem;font-size:2rem;font-weight:700;display:flex}@keyframes slideup{0%{opacity:0;animation-timing-function:ease-in-out;transform:scale(0)translate(10rem)}60%{opacity:1;animation-timing-function:ease-in-out;transform:scale(1.2)translate(0)}to{transform:scale(1)translate(0)}}.disproomcodediv{opacity:.2;color:#fff;pointer-events:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;width:80%;height:100%;display:flex;position:fixed}.disproomcode{font-size:20vw}.icons{width:2rem}.qrcodediv{pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.qrcodedivdiv{background-color:#424242;border-radius:4rem;justify-content:center;align-items:center;width:25rem;height:25rem;display:flex}.qrcode{width:20rem;height:20rem;position:relative}.hidden{display:none}