html,body{margin:0;height:100%;max-height:100%;padding:0;background-color:#000;scrollbar-color:#020202 #212121;overflow:hidden}p{margin:0}.header{border:1px solid #000000;height:60px;display:flex;flex-direction:row;align-items:center;font-family:Cabin,sans-serif;margin-top:5px}.logo{width:40px;height:40px;margin-left:20px}.logo:hover{transition:all .6s ease;transform:scale(1.2)}.heading{color:#fff;font-size:xx-large;margin-left:15px;font-weight:500}.intermediate{width:80%}.chat-reset{background-color:#0e0e0e;border-radius:10px;width:60px;height:50px;border:1px solid #444444;justify-content:end;align-items:center}.chat-reset:hover{transition:all .5s ease;background-color:red;cursor:pointer}.conversation{display:flex;flex-direction:column;justify-content:center}.model-button{background-color:#000;border:1px solid #444444;display:flex;margin:auto;height:35px;flex-direction:row;border-radius:40px;min-width:8%;width:fit-content;font-size:small;font-family:Cabin,sans-serif;font-weight:500;align-items:center;padding:8px 6px}.model-button:hover{cursor:pointer;background-color:#0e0e0e}.AI-model{flex:1;color:#fff}.down-arrow{width:25px}.welcome-box{color:#fff;display:flex;height:32vh;margin-bottom:10px;margin-top:20px;flex-direction:column;justify-content:center;align-items:center}.welcome-text{font-size:xx-large;font-weight:500;font-family:Cabin,sans-serif;margin-top:15px}.chat{width:900px;margin:10px auto 20px;border:none;background-color:#000;border-radius:24px;height:62vh;color:#fff;font-size:medium;font-weight:400;font-family:Roboto,sans-serif;overflow-y:scroll;scrollbar-color:black black}.assistantmessagebox{display:flex;margin-bottom:5px}.usermessagebox{display:flex;margin-bottom:5px;justify-content:end}.msgtext{max-width:600px;width:fit-content;height:fit-content;background-color:#0e0e0e;padding:15px 20px 20px;border-radius:20px;margin:0 10px 10px;font-size:medium;text-align:left}.ai-logo{background-color:#0e0e0e;display:flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:50%}.user-logo{background-color:#0e0e0e;display:flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:50%}.inputbox-centre,.inputbox-bottom{display:flex;flex-direction:row;align-items:center;height:fit-content;min-height:60px;width:800px;border:1px solid #383838;border-radius:24px;background-color:#000;padding-bottom:13px;padding-right:15px;padding-top:15px;margin:auto;box-shadow:#383838 0 0 10px}.input{flex:1;min-height:60px;border:None;font-size:large;font-family:Cabin,sans-serif;padding-left:20px;width:400px;height:fit-content;border-radius:24px;background-color:#000;color:#fff;scrollbar-color:black black;overflow-y:scroll;outline:none;resize:none}.send-button{background-color:#000;border:1px solid #444444;box-shadow:#383838 0 0 2px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.send-button:hover{background-color:#fff;cursor:pointer}.send-arrow{width:25px;height:28px;align-content:center}@media(max-width:600px){.intermediate{width:40%}.chat,.inputbox-centre,.inputbox-bottom{width:70%}.input{width:60%}}@media(min-width:601px)and (max-width:1000px){.intermediate{width:60%}.chat,.inputbox-centre,.inputbox-bottom{width:70%}.input{width:60%}}@media(min-width:1001px)and (max-width:1200px){.intermediate{width:75%}}