h1{font-family:fantasy;text-align:left;padding:10px 15px;font-size:22px;border-bottom:thin solid #d8d2d2}p{text-align:left}li{border-bottom:thin solid #d8d2d2;margin:5px 0;padding:15px}.parentBox{display:flex;height:100vh}.childrenBox1{width:25%;background-color:#fdffff;border:1px solid #000000;overflow-y:scroll;height:100%}.childrenBox2{width:75%;background-color:#e5e3e3;border:1px solid #000000;height:100%}@media screen and (max-width: 500px){.childrenBox1{width:100%}.childrenBox2,.active1{width:0%}.active2{width:100%}}.container[data-v-457e9638]{display:flex}.component[data-v-457e9638]{width:100%;height:100%}.align-right{display:flex;flex-direction:column;align-items:flex-end}.message-content{display:flex;flex-direction:column;align-items:flex-start}.sender-name{padding-left:40px;margin-right:20px}.chat-word{background-color:#fff;border:1px solid #d8d2d2;padding:10px;border-radius:5px;margin:0 20px 10px 30px}.input{width:60%;border-radius:20px;margin-right:2%;margin-left:3%;border:1px solid #d8d2d2}::-moz-placeholder{color:#d8d2d2}::placeholder{color:#d8d2d2}.sendbutton{width:7%;background-color:#000;font-family:fantasy;color:#fcf9f9;padding:5px 10px;border-radius:5px}.message-container{overflow-y:scroll;height:90%}.who-you-talkto{width:100%;height:50px;font-size:25px;font-weight:400;background-color:#e5e3e3;padding:9px 30px 15px;border-bottom:thin solid #000000;position:sticky;top:0px}.user-area{width:100%;background-color:#fcf9f9;padding:5px 30px 9px 0;position:fixed;bottom:0}.parts{text-align:left;width:100%;margin:5px}@media screen and (max-width: 500px){.sendbutton{width:24%}.input{width:70%}}