@import"https://fonts.googleapis.com/css2?family=Alkatra&display=swap";:root{--blue: #2c292f;--secondaryBlue: #17161c;--primaryFont: "Alkatra", cursive}::-webkit-scrollbar{width:12px;background-color:#fff;border-radius:25px}::-webkit-scrollbar-thumb{border:2px solid white;border-radius:25px;background-color:var(--secondaryBlue)}.container{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;height:80vh;backdrop-filter:blur(5px)}.container button{font-size:x-large;border:1px solid white;padding:5px 25px;background-color:var(--blue);color:#fff;transition:.2s ease;margin-top:10px}.container button:hover{background-color:#fff;color:var(--blue)}form{display:flex;flex-direction:column}#left{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:xx-large}#left img{border-radius:25%;width:250px}input{all:unset;border:2px solid white;width:500px;height:50px;padding:0 10px;border-radius:25px;color:#fff}input::placeholder{color:#dfd8d8}.Rooms-outer{display:flex}.rooms{width:30%;color:#fff;height:80vh;overflow-y:scroll;backdrop-filter:blur(10px)}#chatHeading{position:sticky;top:0px;background-color:var(--secondaryBlue);padding:14px 10px}.rooms ul li{background-color:var(--blue);padding:10px;border:1px solid white;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:.2s ease}.rooms ul li:hover{background-color:var(--secondaryBlue);cursor:pointer}#chat{width:70%;height:80vh;background-color:var(--blue);border-left:10px solid white;display:flex;justify-content:center;background-color:var(--secondaryBlue)}.roomname{font-size:x-large}.roomAddress{font-size:medium;color:#faebd7}#chatBox{width:70%;height:80vh;background-color:var(--blue);display:none;flex-direction:column}header{color:#fff;padding:10px 25px;font-size:x-large;border-bottom:2px solid white;background-color:var(--secondaryBlue);display:flex;justify-content:space-between;align-items:center}header div{display:flex;align-items:center}header ul{background-color:var(--blue);padding:0 20px;width:300px;list-style:none;position:absolute;right:500px;top:138px;cursor:pointer;border:1px solid white}header li{display:none;font-size:small;border-top:1px solid white;padding:10px 0}header ul:hover>li,ul{display:block}header ul li:hover{background-color:#7e08d4}#header-form{justify-content:center;align-items:center;flex-direction:row}#header-form input{width:280px!important;height:39px!important;border-radius:0!important;margin:10px 0 0!important}header button{font-size:large;border:1px solid white;padding:5px 25px;background-color:var(--blue);color:#fff;transition:.2s ease;margin-top:10px}header button:hover{background-color:#fff;color:var(--blue)}.chatBody{height:75%;background-color:var(--blue);background-size:cover;padding:10px;overflow-y:scroll}#chatBox input{border-radius:10px;width:80%;margin-left:10px}.message-outer-left{width:100%;display:flex}.message-left{border:1px solid white;background-color:#7e08d4;color:#fff;max-width:40%;padding:10px;border-radius:0 10px 10px/0px 10px 10px;margin-bottom:10px;word-break:normal;box-shadow:0 0 10px #000}.message-outer-right{width:100%;display:flex;justify-content:flex-end}.message-right{border:1px solid white;background-color:var(--secondaryBlue);color:#fff;max-width:40%;padding:10px;border-radius:10px 0 10px 10px/10px 0px 10px 10px;margin-bottom:10px;word-break:normal;box-shadow:0 0 10px #000}.message-left p,.message-right p{font-size:15px;border-bottom:1px dotted white;margin-bottom:10px;color:#91d8e8}#chatBox .primaryBtnDesign{border-radius:10px;height:50px;color:#fff;background-color:var(--secondaryBlue);margin:0 2px;width:15%}button:hover{cursor:pointer}#sendbutton:hover{background-color:#91d8e8;color:#000;transition:.5s ease}#message-form{display:block}.about-container{display:flex;flex-direction:column;align-items:center;padding:50px 250px;height:70vh;background-color:var(--blue);color:#fff}nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondaryBlue);padding:0 10px;font-size:large;color:#fff;border-bottom:5px solid white}nav img{padding:10px;width:100px}nav ul{list-style:none;width:30%;display:flex;justify-content:space-between;align-items:center}nav ul a{background-color:var(--blue);color:#fff;transition:.2s ease}.active,nav ul a:hover{background-color:#fff;color:var(--blue)}footer{position:absolute;bottom:0px;width:100%;background-color:var(--secondaryBlue);text-align:center;padding:10px 0;color:#fff;border-top:5px solid white}*{margin:0;padding:0;font-family:var(--primaryFont)}body{background-color:var(--secondaryBlue);background-size:100%}a{text-decoration:none;color:#fff}.primaryBtnDesign{border:2px solid blanchedalmond;padding:2px 20px;border-radius:25px}