:root{margin:0 auto;font-family:Helvetica,sans-serif;text-rendering:optimizeLegibility;width:850px}*{box-sizing:border-box}button{border:none;outline:none;color:#fff;background:#471c30;z-index:0;cursor:pointer;border-radius:10px;position:relative}.row{margin:60px auto 0;width:700px;height:500px;background:#f2f2f2;border:1px solid #b0b872;border-radius:40px}.row .logo{width:100%;height:18%;text-align:center;display:flex;justify-content:center;align-items:center}.logo-img{width:100px}.connectionScreen{width:100%;height:76%;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.main-body{width:700px;height:82%;padding:0% 5% 5%}.main-body .left-side{width:35%;height:100%;float:left;overflow-y:auto}.left-side .button-area{min-height:80%;display:flex;padding-left:7px;justify-content:space-around;flex-direction:column;gap:10px}.main-button{border:none;outline:none;color:#fff;background:#471c30;z-index:0;cursor:pointer;position:relative;width:160px;height:50px;border-radius:10px}.number-group{width:100%;height:50px;display:flex;flex-direction:row;gap:3px}.main-button-number{width:122px;height:50px;border-radius:10px}.number-input{width:35px}.input-group{width:100%;height:70px;display:flex;flex-direction:column;gap:1px}.input-group input{width:160px}.utility-row{height:13%;width:100%}.back-button{font-size:12px;width:75px;height:22px;margin-left:0}.small-button{font-size:12px;width:60px;height:18px;margin-left:0}#messages{width:65%;height:100%;display:flex;flex-direction:column;gap:10px;border:1px solid #b0b872;overflow-y:auto;background:#f3f5f6;font-family:Arial,sans-serif}#messages .message{font-size:.9em;margin:0 auto;padding:8px 12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;word-wrap:break-word;width:93%;transition:background-color .3s}#messages .message:first-child{margin-top:13px}#messages .message:hover{background-color:#e6e8ea}#messages::-webkit-scrollbar{width:5px}#messages::-webkit-scrollbar-thumb{background:#888;border-radius:10px}#messages::-webkit-scrollbar-thumb:hover{background:#555}.message-datetime{font-size:.7em;color:#666;margin-bottom:5px}.user-list{text-align:left;font-size:.8em}.main-button:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.main-button:active{color:#000}.main-button:active:after{background:transparent}.main-button:hover:before{opacity:1}.main-button:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#471c30;left:0;top:0;border-radius:10px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.back-button:hover{background-color:#3b0037}.svgButton{cursor:pointer}