@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);#root,.App,body,html{background-color:#fff;font-family:Inter,Arial,sans-serif;height:100%}.App,body{display:flex;flex-direction:column}body{justify-content:space-between;margin:0}#response-list{border:none;flex:1 1;margin-left:10%;margin-right:10%;overflow-y:auto;padding:20px}.chatgpt-response{background-color:#f4f4f4;color:#333}.chatgpt-response,.my-question{border-radius:10px;margin-bottom:10px;padding:12px}.my-question{background-color:#ff7043;color:#fff;text-align:right}#input-container{align-items:center;background-color:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;justify-content:space-between;margin-bottom:10px;margin-left:10%;margin-right:10%;padding:12px}#prompt-input{background:rgba(0,0,0,.05);border:none;border-radius:8px;color:#333;flex-grow:1;outline:none;padding:12px}#submit-button{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") no-repeat 50%;border:none;border-radius:50%;color:#000;cursor:pointer;height:45px;transition:background .3s ease;width:45px}#submit-button:hover{background-color:rgba(0,0,0,.1)}.response-container{align-items:flex-start;color:#000;display:flex;font-size:1rem;gap:10px;margin-bottom:12px;padding:15px 20px}.response-container .avatar-image{border-radius:50%;height:35px;object-fit:contain;width:45px}.response-container .response-content{background:rgba(0,0,0,.05);border-radius:10px;display:flex;flex-direction:column;padding:10px}#logo-container{height:auto;left:10px;opacity:.2;position:fixed;top:10px;width:100px;z-index:-1}#logo-container img{height:auto;width:100%}.chatbot-subtitle{color:#555;font-size:.9rem;margin-left:10px}.welcome-message{align-items:center;-webkit-animation:fadeIn 1.5s ease-in-out;animation:fadeIn 1.5s ease-in-out;background:hsla(0,0%,100%,.85);border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.15);color:#333;display:inline-flex;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:700;gap:12px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:50px;max-width:60%;padding:15px 20px;text-align:center;transition:all .3s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.hidden{display:none}.chatbot-header{align-items:center;background-color:hsla(0,0%,100%,.9);border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:center;padding:15px 20px}.chatbot-logo{border-radius:5px;height:40px;margin-right:10px;padding:5px}.chatbot-header h1{align-items:center;color:#333;display:flex;font-size:1.5rem;font-weight:700;gap:8px;margin:0}.chatbot-header .by-waialys{color:#ff6f00;font-size:1.2rem;font-weight:600}
/*# sourceMappingURL=main.0fdf313b.css.map*/