@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);*{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;box-sizing:border-box}.chat-body{background:linear-gradient(283deg,#ecfcff,#ecfcff 40%,#b2fcff calc(40% + 1px),#b2fcff 60%,#5edfff calc(60% + 1px),#5edfff 72%,#3e64ff calc(72% + 1px),#3e64ff)}.chat-body header{display:flex;padding:15px;justify-content:space-between}.chat-body header .user{display:flex;align-items:center;justify-content:center}.chat-body header .user img{padding:3px;width:50px;height:50px;border-radius:100px;border:3px solid #5edfff;margin-right:10px}.chat-body header .user h1{font-size:.8rem;color:#fff}.chat-body header button{padding:7px;font-size:xx-small;height:-webkit-max-content;height:-moz-max-content;height:max-content;border:none;border-radius:5px;background-color:#3e64ff;color:#b2fcff;font-weight:700}.chat-body .chat-box{height:100vh;background-image:url(../img/wallpaper.adbccee0.png);border-radius:20px 20px 0 0;padding:15px}.chat-body .chat-box .receiver{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px}.chat-body .chat-box .receiver .username{color:#6e6e70;font-size:xx-small;font-weight:700;margin-left:3px;margin-bottom:3px;max-width:70%}.chat-body .chat-box .receiver .content{padding:2px 12px;background-color:#ecfcff;border-radius:1px 20px 20px 20px;font-size:.9rem;line-height:2rem;max-width:70%}.chat-body .chat-box .sender{margin-top:15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:flex-end}.chat-body .chat-box .sender .username{color:#6e6e70;font-size:xx-small;font-weight:700;margin-left:3px;margin-bottom:12px;max-width:70%}.chat-body .chat-box .sender .content{padding:2px 12px;background-color:#3e64ff;border-radius:20px 1px 20px 20px;color:#fff;font-size:.9rem;line-height:2rem;max-width:70%}.chat-body footer{position:sticky;bottom:0}.chat-body footer form{display:flex}.chat-body footer form .send-input{flex:1 1 100%;width:100%;padding:15px;border:none;outline:none;background-color:#f1f1f1;color:#6e6e70;font-size:smaller}.chat-body footer form .receive-input{padding:15px 15px 10px;border:none;background-color:#3e64ff}.chat-body footer form .receive-input img{width:15px}