body{background:url(/assets/snake-background-93d8eaf9.png);background-repeat:no-repeat;background-size:cover}.mainContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main{display:flex;flex-direction:column;justify-content:center;align-items:center}.form{display:flex;flex-direction:column;align-items:center}.mainButton{width:300px;padding:100px}:root{--primary-colour:#2f323d;--secondary-colour:purple;--tertiary-colour:yellow}.bot{width:25%}.top{padding-right:2rem;display:flex;flex:0 1 auto;align-items:center;overflow:hidden;justify-content:space-between;border-width:50px;min-height:118px;max-height:118px}.body{display:flex;flex:1 1 auto;flex-direction:row;overflow:hidden}.sideview{display:flex;flex-flow:column nowrap;justify-content:space-between;width:20%;overflow-x:hidden;overflow-y:scroll}.userList{display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;overflow-x:scroll;align-self:flex-start;max-width:95%}.users{overflow:scroll;text-overflow:ellipsis;padding:auto;max-width:100%}.member{overflow:scroll;white-space:nowrap;padding-left:10px;margin:0;font-size:2em;color:#fff}.sideview-bottom{display:flex;justify-content:space-between;padding:20px 10px;align-items:center;height:60px}.username{margin:8px;font-size:30px;color:#fff;white-space:nowrap;text-overflow:clip;overflow:scroll}.options{display:flex;align-items:center}.addUsers{margin:auto}.chats{mix-blend-mode:multiply;border-radius:50px;overflow:hidden;width:100%}.message-area{padding-left:1em;flex:1 1 100%;border-top-right-radius:15px;overflow:hidden;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;overflow-y:scroll;display:flex;padding-top:20px}.parent{position:relative;display:flex;flex-flow:column;position:absolute;width:100%;top:0px;right:0px;flex-direction:column;height:100%}.message-container{padding:8px;height:100%}.chat-chatbox-area{display:flex;flex-direction:column;flex-grow:1}.chat-box{height:100px;min-height:100px;background-color:#1c2544;display:flex;align-items:center;padding:0 16px}.sub-form{width:100%;height:100%;display:flex;align-items:center}.chat-box input[type=textarea]{flex:1;background-color:#2c2f33;color:#fff;border:none;padding:10px;margin-right:16px;font-size:16px}.chat-box button[type=submit]{background-color:#7289da;color:#fff;border:none;padding:10px 16px;border-radius:5px;font-size:16px;cursor:pointer}.chat-box button[type=submit]:hover{background-color:#5a68a5}.groups{display:flex;flex-flow:row nowrap;overflow-x:scroll}::-webkit-scrollbar{display:none}.groups>h1{display:flex;margin-right:10px}.info-sidebar{align-items:center;display:flex}.settings-svg{padding-right:7px}.pop-up{border-radius:50px;border:5px solid white;position:fixed;top:150px;bottom:250px;left:900px;width:1000px;height:1000px;background-color:#00000080;display:flex;justify-content:center;align-items:center}.close-img{position:absolute;top:0;left:10px;padding:10px;cursor:pointer}.message-div{display:flex;align-items:center}.message-div>h1{font-size:30px;padding:12px;margin-left:10px;color:#fff;display:inline-block;border:1px solid white;border-radius:10%}.addGroupParent{border:5px solid black;border-radius:15px;position:absolute;left:50%;margin-left:-10rem;top:50%;margin-top:-10rem;width:20rem;height:20rem;backdrop-filter:blur(10px);z-index:100}.groupName{text-align:center}.addGroupContainer{height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-flow:column nowrap}.closeIcon{position:absolute;top:0;right:0}.addUserParent{border:5px solid black;border-radius:15px;position:absolute;left:50%;margin-left:-10rem;top:50%;margin-top:-10rem;width:20rem;height:20rem;backdrop-filter:blur(10px);z-index:100}.userName{text-align:center}.addUserContainer{height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-flow:column nowrap}button{color:#fff}.messageCard{display:flex;width:70vw;white-space:normal;margin-right:20px}.messageContainer{display:flex;flex-direction:column;margin-left:10px}.messageTop{display:flex;align-items:baseline}.messageTop *{margin:0 5px}.messageContent{margin:5px 0 25px;flex-wrap:wrap;overflow-wrap:break-word;width:60vw;max-width:60vw}.group{border-radius:30px;position:relative;padding:25px 15px;background-color:red;margin:10px;height:auto;width:auto;display:flex;justify-content:space-between;text-align:center;border:2px solid transparent}.group-name{font-size:2em;color:#fff;margin:auto;white-space:nowrap}.group:hover{border:2px solid white}.group:active,.active{border:2px solid black}.settingsParent{background-image:none;background-color:#525252;min-height:100dvh;width:100%;display:flex;box-sizing:border-box;flex-flow:column wrap;position:absolute;flex-direction:row}.normal{font-style:normal}.italic{font-style:italic}.oblique{font-style:oblique}.colourButtons{background-color:"orange"}.Courier{font-family:Courier New,Courier,monospace}.Times{font-family:Times New Roman,Times,serif}.Arial{font-family:Arial,Helvetica,sans-serif}:root{--pBG: grey;--sBG: grey;--font: "1"}.color-selector:hover{cursor:pointer}.yellow{background-color:gold}.red{background-color:coral}.blue{background-color:#4169e1}.green{background-color:#98fb98}.white{background-color:#f5f5f5}.colourButtons{text-align:center;margin:20px;flex:1}:root{--font-colour:100;--font-style:normal;--font:"Times New Roman"}.font{font-style:var(--font-style);font-family:var(--font);color:var(--font-colour)}.primaryBackground{background-color:var(--pBG)}.secondaryBackground{background-color:var(--sBG)}html{height:100vh;margin:0}body{margin:0;display:flex;place-items:normal;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}