*{font-size:16px;font-family:"Helvetica", sans-serif}html{--scrollbarBG:#fff;--thumbBG:#90a4ae}body{background:#ccc}.clearfix::after{content:"";clear:both;display:table}body .card{height:100%;width:100%;background-color:white;box-shadow:2vw 2vw 12vw 3vw #ccc;border:1px solid #888888;border-radius:20px}body .card #header{height:40px;width:100%;background:white;border-radius:20px}body .card #header h1{color:#fff;font-size:2vw;font-family:"Arial", cursive;padding:1vw}body .card #message-section::-webkit-scrollbar{width:10px}body .card #message-section{height:60%;background:white;padding:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}body .card #message-section::-webkit-scrollbar-track{background:var(--scrollbarBG)}body .card #message-section::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}body .card #message-section #bot,body .card #message-section #user{position:relative;bottom:0;min-height:1.5vw;border:0.15vw solid #ccc;background-color:#ccc;border-radius:0 1.5vw 1.5vw 1.8vw;padding:1vw;margin:1.5vw 0}body .card #message-section #user{border:1.5px solid #37b1ec;border-radius:1.5vw 0 1.5vw 1.8vw;background-color:#37b1ec;float:right}body .card #message-section #user #user-response{color:#fff}body .card #message-section .message{color:#000;clear:both;line-height:1.5;font-size:14px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word;z-index:2}body .card #input-section{display:flex;flex-direction:row;justify-content:center;align-items:center height:80px;background:white;border-radius:20px;padding:10px}body .card #input-section input{color:#000;outline:none;height:50px;width:80%;border-top:solid #000 1px;border-left:solid #000 1px;border-right:solid #000 1px;border-bottom:solid #000 1px}body .card .send{background:transparent;border:0;cursor:pointer;flex:0 0 auto;margin-left:1.4vw;margin-right:0;padding:0;position:relative;outline:none}body .card .send .circle{position:relative;width:4.8vw;height:4.8vw;display:flex;align-items:center;justify-content:center}body .card .send .circle{font-size:3vw;margin-left:-1vw;margin-top:1vw}.popup{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.4);display:none}.popup-content{background-color:transparent;margin:20% auto;padding:20px;border:none;width:85%;height:50%;font-weight:bolder}.popup-content button{display:block;margin:0 auto}.show{display:block}.button{background-color:#ff0000;border:none;color:white;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:1px;position:absolute;flex:0 0 auto}.buttonO{background-color:#000;border:none;color:white;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px}.button1{border-radius:2px}.button2{border-radius:4px}.button3{border-radius:8px}.button4{border-radius:12px}.button5{border-radius:50%}