button{background:linear-gradient(45deg,#ff6b6b,#f06595);color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 15px #0003;transition:all .3s ease;width:240px}button:hover{background:linear-gradient(45deg,#f06595,#ff6b6b);box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}button:active{transform:translateY(1px);box-shadow:0 4px 10px #0003}input[type=text]{background:#f9f9f9;color:#333;border:2px solid #ff6b6b;border-radius:10px;padding:12px 20px;font-size:16px;box-shadow:0 3px 6px #0000001a;transition:all .3s ease;outline:none;width:250px}input[type=text]:focus{border-color:#f06595;box-shadow:0 4px 8px #0003;background:#fff;width:250px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}.container{display:flex;align-items:center;gap:20px}.container{display:flex;align-items:center;justify-content:center;gap:10px}#og{height:24px}#lg{height:100px}.center{height:100%;display:flex;width:100%;align-items:center;flex-direction:column}main{width:370px;margin:0 auto;height:100vh;overflow-y:hidden;overflow-x:hidden;font-family:Rubik}form{width:100%;text-align:center}form input{text-align:center;margin:20px}header{width:100%;height:10vh;background-color:#f06595;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.imguser{width:60px;border-radius:50%}.msgimg{width:30px;border-radius:50%;margin-right:10px;vertical-align:middle;margin-left:8px}.msgtext{margin-inline-start:30px;background-color:#ffadca;color:#63263b;padding:10px;border-radius:20px;max-width:70%;margin-bottom:10px;font-size:16px;line-height:1.4;word-break:break-word}.messages{height:60vh;direction:rtl;padding:10px;overflow-y:auto;font-family:Arial,Helvetica,sans-serif}.messages::-webkit-scrollbar{width:10px;background-color:#ffadca;height:20px}.messages::-webkit-scrollbar-thumb{background-color:#63263b;border-radius:50px}.inputForm{height:10vh;display:flex;justify-content:space-between;align-items:center;padding:5px}.buttons{height:10vh;max-height:100px;display:flex;justify-content:space-between;align-items:flex-end;padding:10px}.buttons button{width:160px}.send{width:150px}.inputForm{height:10vh;display:flex;justify-content:space-between;align-items:center;padding:10px;width:100%}.inputForm input{text-align:left;margin:0;flex-grow:1;max-width:calc(100% - 130px);width:100%;box-sizing:border-box}.inputForm button{width:120px;padding:15px 30px;flex-shrink:0;margin-left:10px;box-sizing:border-box}