*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}button{border:none}body{background-color:#212121}.container{text-align:start;padding:20px;width:50%;height:100vh;margin-left:30%;background-color:#212121}.chatBox{height:auto;border-radius:10px;padding:50px 10px 100px;margin-top:60px;position:relative;background-color:#212121;color:#fff}.assistant{padding:10px;border-radius:10px;max-width:100%;line-height:25px;word-spacing:2px;font-size:1.09rem;background-color:#2d2828}.inputForm{display:flex;justify-content:space-between;position:fixed;bottom:20px;margin:0 auto;width:50%;background-color:#2f2f2f;gap:20px;height:60px;padding:0 8px 0 20px;border-radius:50px;overflow:hidden;align-items:center}input{flex:1;padding:10px;margin-right:10px;font-size:16px;border:none;outline:none;background-color:#2f2f2f;color:#fcf8f3}input::placeholder{color:#676767}.send{font-size:1.6rem;color:#363636;cursor:pointer}.send_div{height:50px;width:50px;background-color:#676767;cursor:pointer;padding:5px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.mic{height:50px;width:50px;font-size:1.2rem;color:#676767;cursor:pointer;padding:5px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.mic .micro{z-index:1}.send:hover{color:#393939}button{background-color:transparent;outline:none}.welcome{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px;opacity:.5}.welcome .logo_cont{background-color:#1c1c1c;height:200px;width:200px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:5rem;color:#2d2828;box-shadow:inset 2px 2px 5px #00000080}.welcome span{margin-top:20px;font-size:1.5rem;color:#1c1c1c}.menu_button{background-color:#363636;height:40px;width:40px;border-radius:50%;font-size:1.4rem;display:flex;justify-content:center;align-items:center;position:absolute;right:10px;display:none}.image_button{height:50px;width:50px;position:absolute;right:50px;bottom:30px;cursor:pointer;background-color:#eceff1;padding:5px;border-radius:50%;display:flex;justify-content:center;align-items:center}.image_button img{height:85%}@media only screen and (max-width: 600px){.container{text-align:start;padding:10px;width:100vw;height:100vh;margin:0 auto}.menu_button{display:flex}.chatBox{height:auto;border-radius:10px;padding:50px 0 80px;margin-bottom:100px;position:relative}.inputForm{margin:0 auto;width:95%;height:55px;padding:0 10px}input{flex:1;padding:10px;margin-right:10px;font-size:16px;border:none;outline:none;width:80%}.send_div{height:40px;width:40px}.send{font-size:1.4rem}.assistant{padding:10px;border-radius:10px;max-width:100%;line-height:25px;word-spacing:2px;font-size:1rem}.image_button{height:50px;width:50px;position:absolute;right:15px;bottom:120px}.image_button img{height:85%}}nav{background-color:#171717;height:100vh;position:fixed;width:20%;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:50px 20px;color:#fcf8f3;top:0}nav span{font-size:1.4rem}.bottom{margin-top:20px;width:100%;height:auto}.bottom ul li{display:flex;justify-content:start;align-items:center;list-style:none;gap:10px;cursor:pointer;padding:10px;border-radius:10px;transition:.2s ease-in-out}.bottom ul li:hover{background-color:#212121}.bottom ul li span{font-size:1.4rem}.bottom ul li img{height:25px}@media only screen and (max-width: 600px){nav{background-color:#171717;height:100vh;position:fixed;width:60%;z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;color:#fcf8f3;top:0;transform:translate(-300px);transition:.2s ease-in-out}.showmenu{display:flex;transform:translate(0)}nav span{font-size:1.2rem}.bottom{margin-top:20px;width:100%;height:auto}.bottom ul li{display:flex;justify-content:start;align-items:center;list-style:none;gap:10px;cursor:pointer;padding:10px;border-radius:10px;transition:.2s ease-in-out}.bottom ul li:hover{background-color:#212121}.bottom ul li span{font-size:1.1rem}.bottom ul li img{height:15px}}.img_box{height:600px;width:50%;background-color:#161616;position:absolute;bottom:100px;right:19%;position:fixed;border-radius:20px;padding:30px;z-index:987654321}.img_box .img_box_close{position:absolute;right:10px;top:10px;font-size:1.5rem;cursor:pointer;color:#8b8b8b}.img_box .search_form{margin-top:30px}.img_box .search_form .input_area{background-color:#1c1c1c;height:50px;border-radius:10px;overflow:hidden}.img_box .search_form .input_area input{width:90%;background-color:#1c1c1c;height:100%;padding-left:20px;color:#f1f1f1}.img_box .search_form .input_area button{color:#8b8b8b;cursor:pointer;font-size:.9rem}.img_box .search_form .result_area{margin-top:20px;border-radius:10px;height:420px;overflow-y:scroll;display:flex;flex-wrap:wrap;gap:10px;padding:10px;justify-content:center;align-items:center}.img_box .search_form .result_area img{height:200px;width:200px;object-fit:cover;border-radius:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#000;border-radius:10px}::-webkit-scrollbar-thumb{background:#1c1c1c;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#62626228,28,28)}@media only screen and (max-width: 600px){.img_box{height:100%;width:100%;background-color:#161616;position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:10px;padding:15px}.img_box .img_box_close{position:absolute;right:10px;top:10px;font-size:1.5rem}.img_box .search_form .input_area input{width:80%}.img_box .search_form .result_area{margin-top:20px;border-radius:10px;height:600px}.img_box .search_form .result_area img{height:150px;width:150px}::-webkit-scrollbar{width:0px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:8px;position:relative;max-width:600px;width:100%}.modal-close-btn{position:absolute;top:10px;right:10px;background:red;color:#fff;border:none;border-radius:50%;cursor:pointer;padding:5px 10px}.loading{--speed-of-animation: .9s;--gap: 6px;--first-color: #4c86f9;--second-color: #49a84c;--third-color: #f6bb02;--fourth-color: #f6bb02;--fifth-color: #2196f3;display:flex;justify-content:center;align-items:center;width:100px;gap:6px;height:100px}.loading span{width:4px;height:50px;background:var(--first-color);animation:scale var(--speed-of-animation) ease-in-out infinite}.loading span:nth-child(2){background:var(--second-color);animation-delay:-.8s}.loading span:nth-child(3){background:var(--third-color);animation-delay:-.7s}.loading span:nth-child(4){background:var(--fourth-color);animation-delay:-.6s}.loading span:nth-child(5){background:var(--fifth-color);animation-delay:-.5s}@keyframes scale{0%,40%,to{transform:scaleY(.05)}20%{transform:scaleY(1)}}