:root{font-family:Arial,Helvetica,sans-serif;font-size:clamp(.5rem,1vw,1.2rem)}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:center;align-items:center;width:60%;height:10%;max-height:10%;display:flex}.inputnum{text-align:center;width:25rem;height:3rem;font-family:Arial,Helvetica,sans-serif;font-size:2.5rem}.inputbutton{color:#fff;background-color:#8a2be2;justify-content:center;align-items:center;height:3rem;margin-left:2rem;padding-left:1rem;padding-right:1rem;font-size:2.5rem;font-weight:700;display:flex}.chatdiv{flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:90%;height:90%;max-height:90%;padding:2rem;display:flex}.messagelist{align-items:center;justify-content:top;flex-direction:column;flex:1;width:100%;margin-bottom:2rem;display:flex;overflow-y:scroll}.sendmessageinput{flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex}.sendmessage{text-align:center;width:25rem;height:3rem;font-family:Arial,Helvetica,sans-serif;font-size:2.5rem}.sendmessagebutton{color:#fff;background-color:#8a2be2;justify-content:center;align-items:center;height:3rem;margin-left:2rem;padding-left:1rem;padding-right:1rem;font-size:2.5rem;font-weight:700;display:flex}.individualmsg{color:#fff;font-size:2rem;animation:.2s ease-in-out forwards slideup}@keyframes slideup{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translate(0)}}