.main{margin:30vh auto 0px;display:flex}.about-wrapper{margin:auto;display:flex;flex-direction:column;justify-content:center;max-width:500px;width:80%;text-align:center}.about__h1{margin:10px;font-size:30px}.about__content{margin:5px;font-size:20px}.about__button{margin:10px auto;width:fit-content;font-size:20px}.label_first-line{display:grid;grid-template-columns:25% 75%;margin:5px}.label_input{max-width:inherit;width:inherit}.notice{color:red;font-size:15px}.authorization-form{margin:auto;display:flex;flex-direction:column;width:300px}.authorization-element{margin:5px}.footer{margin:10px auto;display:grid;grid-template-columns:1fr 1fr 1fr}.footer_element{display:flex;margin:auto;justify-content:center;text-align:center}.rslogo-wrapper{height:40px;width:100px}.ghlogo-wrapper{height:40px;width:fit-content}.ghlogo{display:flex;margin:auto;height:40px;width:40px}.header{display:grid;grid-template-columns:2fr 3fr 1fr 1fr;padding:10px 20px 0}.header_content{font-size:20px;font-weight:700;text-align:center;margin:0 auto}.header_button{font-family:Times New Roman,Times,serif;width:fit-content;font-size:20px;height:fit-content;margin:0 auto}@media (max-width: 810px){.header{grid-template-columns:2fr 2fr 1fr 1fr}}@media (max-width: 690px){.header{grid-template-columns:3fr 1fr 1fr 1fr;margin:0 auto;justify-content:center}}@media (max-width: 600px){.header{display:flex;justify-content:space-evenly;flex-wrap:wrap}.header_content,.header_button{margin:3px 10px}}.search-input{width:90%;font-size:20px}@media (max-width: 600px){.search-input{font-size:15px;height:20px}}li{cursor:pointer}.online,.offline{margin:10px 0}.online{color:green}.offline{color:#9e9b9b}.user-list-area{height:inherit;display:grid;grid-template-rows:5% 95%}.user-list{height:auto;max-height:inherit;overflow-y:scroll;font-size:20px;padding-left:20px}@media (max-width: 600px){.user-list-area{grid-template-rows:30px auto;height:auto}.user-list{overflow:scroll;border-bottom:2px dashed solid}}.chat-main{display:grid;grid-template-columns:1fr 4fr;height:80vh;margin-top:0;padding:20px 10px}@media (max-width: 1000px){.chat-main{grid-template-columns:1fr 3fr}}@media (max-width: 780px){.chat-main{grid-template-columns:1fr 2fr}}@media (max-width: 600px){.chat-main{grid-template-columns:1fr;grid-template-rows:30% 70%}}.chat-window{height:inherit;display:grid;grid-template-rows:10% 85% 5%}.chat_h2{border-bottom:2px solid black;margin:auto 5px 5px}.message-list{overflow-y:scroll}@media (max-width: 600px){.chat-window{height:auto;overflow:hidden}}.message-form{display:grid;grid-template-columns:3fr 1fr;grid-gap:20px;width:100%}.message-textarea{resize:none}.message{background-color:#ddd7d7;padding:10px;margin:5px;border-radius:20px;max-width:60%}.sender-name{font-weight:700;margin:5px 0 0}.message-text{margin:0;padding-top:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;background-color:#fff}.message-info{margin:3px}.outgoing-message{margin-left:auto}.separate-line{text-align:center;border-bottom:2px dashed black}.dialog-button{display:flex;margin:10px auto 0}body{margin:0 auto;max-width:1440px;background-color:#f9f9f9}button:hover{cursor:pointer}