@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--text-font:"Poppins",sans-serif;--primary-bg-color:#eee;--secondary-bg-color:#575969}.App{background-color:#eee;background-color:var(--primary-bg-color);bottom:0;color:#fff;display:flex;font-family:Poppins,sans-serif;font-family:var(--text-font);left:0;position:absolute;right:0;text-align:center;top:0}header{display:none}header h1{color:#d9d9e3;font-size:16px;font-weight:400;line-height:24px;margin:auto}.menu button{background:none;border:none}nav{background-color:#4c4f5f;bottom:0;display:none;height:100vh;left:0;position:fixed;right:0;top:0;z-index:999}.navItems{background-color:#00404f;max-width:340px;padding:8px;width:100%}.navPromptWrapper{height:calc(100vh - 460px);overflow-y:auto;padding:10px}.navPrompt{margin:5px 0;padding:10px 40px;text-align:left}.navPrompt,.navPrompt a{align-items:center;-webkit-column-gap:20px;column-gap:20px;display:flex}.navPrompt a{text-decoration:none}.navPrompt p{color:#ececf1;font-size:14px;line-height:20px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.hint{align-self:stretch;background-color:#ecf0f2;color:#00404f;padding:16px}.hint,.hintBox{align-items:flex-start;border-radius:8px;display:flex;gap:10px}.hintBox{background-color:#fff;box-shadow:0 0 0 0 hsla(0,0%,79%,.2),0 1px 3px 0 hsla(0,0%,79%,.2),0 5px 5px 0 hsla(0,0%,79%,.17),0 10px 6px 0 hsla(0,0%,79%,.1),0 18px 7px 0 hsla(0,0%,79%,.03),0 28px 8px 0 hsla(0,0%,79%,0);color:#336772;flex:1 0;flex-direction:column;padding:24px}.hintSection{align-self:stretch;display:flex;gap:24px;justify-content:center}.hintBoxTitle{font-size:18px;font-weight:700;line-height:27px}.navPrompt span{-webkit-animation:fadeInChar 1s ease-in forwards;animation:fadeInChar 1s ease-in forwards;opacity:0}#botMessage pre{margin:0;padding:0;position:relative;text-indent:0;white-space:pre-wrap}pre{font-family:Poppins,sans-serif;font-family:var(--text-font)}@-webkit-keyframes fadeInChar{0%{opacity:0}to{opacity:1}}@keyframes fadeInChar{0%{opacity:0}to{opacity:1}}.navCloseIcon{margin:10px;width:20%}nav svg{float:left}.sideMenu{background-color:#00404f;border-radius:24px;margin:40px;width:280px}.newChat{background-color:#ffc700;border-radius:49px;height:48px;padding:0 40px}.newChat:hover{background-color:#eee;border-radius:49px}.sideMenuButton{border:1px solid hsla(0,0%,100%,.2);border-radius:5px;font-size:14px;padding:10px;text-align:left;transition:all .25s ease;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease}.navPrompt:hover,.sideMenuButton:hover{background-color:hsla(240,9%,59%,.1);cursor:pointer}.sideMenuButton span{font-size:20px;font-weight:500;padding-left:6px;padding-right:10px}.chatBox{background-color:#eee;color:#d1d5db;flex:1 1;font-size:16px;line-height:24px;margin-right:20px;position:relative}#introsection{padding:20px;text-align:left}#introsection h1{line-height:33px;padding-top:20px}#introsection h2{font-size:16px;font-weight:400}#introsection ul{list-style-type:square}#introsection pre{display:inline;margin:0}.chatLogWrapper{height:80vh;overflow-y:auto}::-webkit-scrollbar{background-color:#575969;width:8px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#f3f1f1;border-color:transparent;border-style:solid;border-width:1px 2px}::-moz-scrollbar{background-color:#575969;width:8px}::-moz-scrollbar-thumb{background-clip:content-box;background-color:#f3f1f1;border-color:transparent;border-style:solid;border-width:1px 2px}.chatPromptWrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 0 0 hsla(0,0%,79%,.2),0 1px 3px 0 hsla(0,0%,79%,.2),0 5px 5px 0 hsla(0,0%,79%,.17),0 10px 6px 0 hsla(0,0%,79%,.1),0 18px 7px 0 hsla(0,0%,79%,.03),0 28px 8px 0 hsla(0,0%,79%,0);color:#00404f;-webkit-column-gap:25px;column-gap:25px;display:flex;justify-content:left;margin:auto;padding:24px;text-align:left}.userSVG{-webkit-transform:scale(.6);transform:scale(.6)}.botMessageMainContainer{position:relative;width:100%}.navLinks{bottom:50px;position:absolute}.botMessageWrapper{background-color:#ccd9dc;border-radius:8px;box-shadow:0 0 0 0 hsla(0,0%,79%,.2),0 1px 3px 0 hsla(0,0%,79%,.2),0 5px 5px 0 hsla(0,0%,79%,.17),0 10px 6px 0 hsla(0,0%,79%,.1),0 18px 7px 0 hsla(0,0%,79%,.03),0 28px 8px 0 hsla(0,0%,79%,0);color:#00404f;-webkit-column-gap:25px;column-gap:25px;display:flex;justify-content:left;margin:24px auto;padding:24px;text-align:left}.stop-messgage{background-color:#343541;border:1px solid #565869;border-radius:10%;bottom:10px;color:#d9d9d9;cursor:pointer;display:none;padding:10px 15px;position:absolute;right:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stop-messgage:hover{background-color:#40414f}.errorMessage{color:#ef4444;font-size:16px;line-height:24px}.openaiSVG{-webkit-transform:scale(.5);transform:scale(.5)}#avatar{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;min-width:36px;object-fit:contain;object-position:center;width:36px}.inputPromptWrapper{background-color:#fdfdfd;border-radius:5px;bottom:70px;box-shadow:0 0 2px 0 rgba(0,0,0,.25);display:flex;height:55px;left:50%;margin-top:40px;max-height:200px;position:absolute;right:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.inputPrompttTextarea{background-color:#fdfdfd;border:none;border-radius:8px;color:#838383;flex:1 1;font-size:16px;outline:none;overflow-y:hidden;padding:10px;resize:none}.sendButton{background-color:#fdfdfd;height:auto;margin:5px;position:static}.sendButton:hover{background-color:#ffc700}.footer{bottom:20px;position:absolute}form button{background:#41414e;border:none;height:45px;position:absolute;right:15px;top:20%;width:35px}@media (hover:hover){button:hover{background:#212023;border-radius:20%;cursor:pointer}}.loginContainer{background:#eee;background:var(--primary-bg-color);font-family:Poppins,sans-serif;font-family:var(--text-font);height:100%;width:100%}.loginContainerContent{align-items:center;color:#333;display:flex;flex-direction:column;height:100%;justify-content:center}.loginContainerContent svg{padding-bottom:30px}.loginContainer h1{font-size:30px;margin:0}.loginContainer p{font-size:18px;line-height:5px}.loginButtonWrapper{align-items:center;-webkit-column-gap:15px;column-gap:15px;display:flex;margin-top:20px}#loginButton{background:#ffc700;border:none;border-radius:7px;color:#000;cursor:pointer;font-size:16px;padding:10px 25px}#loginButton:hover{background-color:#e3e3e3}@media screen and (min-width:768px){.inputPromptWrapper{position:absolute}}@media screen and (max-width:1024px){.App{display:block}header{align-items:center;background:#353441;border-bottom:1px solid hsla(0,0%,100%,.2);padding:4px 0 0 12px}header,nav{display:flex}.hintSection{align-items:center;flex-direction:column;gap:0}.hideOnSmallScreen,.sideMenu{display:none}.chatBox{position:static}.botMessageWrapper,.chatPromptWrapper{padding:12px}.stop-messgage{font-size:13px;padding:8px 15px;right:5px}.userSVG{-webkit-transform:scale(.5);transform:scale(.5)}.openaiSVG{-webkit-transform:scale(.4);transform:scale(.4)}#avatar{height:30px;width:30px}#introsection{font-size:14px;padding:20px 20px 40px}#introsection h1,pre{font-size:16px;white-space:pre-wrap}#introsection h2{font-size:14px}}@media screen and (min-width:1536px){.loginContainer h1{font-size:40px}.loginContainer p{font-size:25px}#loginButton{font-size:22px}}.nicknameForm{grid-gap:16px;display:grid;gap:16px}.nicknameForm p{font-size:14px;font-weight:700}.nicknameForm input{background:transparent;border:0;border-bottom:1px solid #000;outline:0;text-align:center;transition:border-width .2s linear}.nicknameForm input:focus,.nicknameForm input:hover{border-width:2px}.nicknameForm button{background-color:#ffc700;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:5px;min-width:275px;padding:12px;position:static}.nicknameForm button:hover{background:#e3e3e3}.signupFormContainer{align-items:center;background:#fff;display:flex;flex-direction:column;font-family:var(--text-font);height:100%;justify-content:center;width:100%}.signupFormContainer h1{color:#2d333a}.signupFormContainer form{align-items:center;display:flex;flex-direction:column;justify-content:center}.signupFormContainer input{border-radius:5px;margin-bottom:10px;padding:12px 12px 10px;width:250px}.signupFormContainer input:focus{border-color:#505ef6;outline:none}.signupFormContainer button{background-color:#ffc700;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:5px;padding:12px;position:static;width:275px}.signupFormContainer button:hover{background:#e3e3e3}.signupFormContainer span{color:red;font-size:15px;margin-top:10px}#signupPassword{align-items:center;display:flex;position:relative}#signupPassword svg{cursor:pointer;position:absolute;right:10px;top:10px}.signupSeparator:after,.signupSeparator:before{color:#a9acb0;content:"\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";padding:0 15px;text-decoration:line-through}.signupSeparator{color:#2d333a;font-size:16px;padding:20px 0}#signupWithGoggle{align-items:flex-start;background:#fff!important;border:1px solid #202123!important;color:#2d333a!important;-webkit-column-gap:20px;column-gap:20px;display:flex;font-size:18px}#signupWithGoggle:hover{background-color:#ececec!important}
/*# sourceMappingURL=main.d71b6bf9.css.map*/