*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background:#000;color:#d4d1d1;font-family:Poppins,sans-serif}.App{min-height:100vh;display:flex}.sideBar{flex:3;border-right:1px solid rgb(100,100,100)}.main{flex:9}.logo{margin-right:1rem}.brand{font-size:2rem;margin-left:8px}.upperside{padding:2.5rem;border-bottom:1px solid rgb(100,100,100);height:75%}.upperSideTop{display:flex;align-items:center;margin-bottom:2.5rem}.add{height:2rem;padding-right:1rem}.midBtn{background:#333;color:#e50914;border:none;padding:1.5rem;font-size:1.5rem;width:25rem;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-bottom:3rem;border-radius:.5rem}.query{display:flex;align-items:center;background:#333;color:#d4d1d1;border:1px solid #ffffff;padding:1.5rem;width:25rem;margin:1rem auto;border-radius:.5rem;border:1px solid rgba(98,98,98,1)}.query>img{margin-right:2rem;object-fit:cover}.lowerSide{padding:2rem}.listItems{margin:.75rem;display:flex;align-items:center;font-size:1.3rem}.listItemImg{margin:1rem;padding-right:1rem}.listItems:nth-child(1)>.listItemImg{margin-right:.5rem}.listItems:nth-child(2)>.listItemImg{margin-right:.95rem}.listItems:nth-child(3)>.listItemImg{margin-right:.8rem}.main{min-height:calc(100vh - 14rem);display:flex;flex-direction:column;align-items:center;margin:6rem 10rem;margin-bottom:0}.chats{overflow:hidden;overflow-y:scroll;scroll-behavior:smooth;width:100%;max-width:7 rem;height:calc(100vh - 17rem);text-align:justify}.chat{width:70%;margin:1rem;padding:2rem 3rem;font-size:1.2rem;display:flex;align-items:flex-start}.chatImg{object-fit:cover;width:3.5rem;margin-right:2rem;border-radius:.5rem}.bot{background:#333}.chatFooter{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:cneter;justify-content:center}.inp{padding:.5rem;background:#333;color:#fff;display:flex;width:68rem;border-radius:1rem;margin-left:2rem}.inp>input{width:calc(100% - 3rem);color:#fff;outline:none;padding:1.25rem;align-items:center}.inp>input,.send{background:transparent;border:none}.chatFooter>p{margin:2rem 0 2rem 10rem}