@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--darkest: #212a31;--dark: #2e3944;--blue: #124e66;--light: #748d92;--lightest: #d3d9d4}*{font-family:Montserrat,sans-serif;scroll-behavior:smooth}::-webkit-scrollbar{border-radius:11px;width:3px;height:3px}::-webkit-scrollbar-track{border-radius:11px;background:transparent;width:3px}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px}html{scroll-behavior:smooth}body{margin:0;padding:0;height:100vh;width:100vw;box-sizing:border-box;font-family:Noto Sans,sans-serif;background-color:var(--dark)}@font-face{font-family:Helvetica;src:url(./assets/fonts/helvetica-255/Helvetica.ttf) format("truetype");font-weight:400;font-style:normal}.app{display:flex;flex-direction:column;height:100vh}.chat-interface-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.navbar{width:inherit;height:30px;display:flex;justify-content:start;align-items:center;padding:10px 10px 0;background-color:transparent;color:var(--lightest);position:relative;flex-shrink:0}.branding{display:flex;align-items:center;justify-content:start}.logo-image{height:32px;margin:0 10px 0 3px}.branding{cursor:pointer;position:relative;padding:5px 10px;background:transparent;font-size:18px;border-top-right-radius:10px;border-bottom-left-radius:10px;transition:all 1s}.branding:after,.branding:before{content:" ";width:10px;height:10px;position:absolute;border:0px solid #fff;transition:all 1s}.branding:after{top:1px;left:1px;border-top:2px solid var(--light);border-left:2px solid var(--light)}.branding:before{bottom:1px;right:1px;border-bottom:2px solid var(--light);border-right:2px solid var(--light)}.branding:hover{border-top-right-radius:0;border-bottom-left-radius:0}.branding:hover:before,.branding:hover:after{width:100%;height:100%}.logo-name{align-items:center;font-family:Raleway,sans-serif;font-size:24px}.chat-box{flex-grow:1;width:60vw;height:40vh;overflow:auto;padding:10px;margin:10px}.message-container{display:flex;align-items:center;margin-bottom:25px;color:var(--lightest)}.message{display:grid;grid-template-rows:auto auto;background-color:var(--darkest);padding:15px 15px 4px;border-radius:15px;font-size:16px;max-width:50%;text-wrap:wrap}.message-timestamp{font-size:12px;color:#b0c4de;text-align:right;bottom:0;justify-content:right}.bot-message{justify-content:left}.user-message{justify-content:right}.message-content{font-size:16px;font-family:Helvetica,sans-serif;padding:2px}.message-content p{display:inline-block;margin:0}.message-content>p>a{color:var(--light)}.message-content::-webkit-scrollbar{border-radius:11px;width:3px;height:3px}.message-content::-webkit-scrollbar-track{border-radius:11px;background:var(--blue);width:3px}.message-content::-webkit-scrollbar-thumb{background-color:#3d7b94;border-radius:10px}.input-area{display:flex;justify-content:center;align-items:center;position:relative;flex-shrink:1;padding:25px 10px;height:3vh;margin:0 10px 10px;background-color:var(--light);width:fit-content;border-radius:20px;transform:scale(.1);animation:float 10s ease-in-out infinite}@keyframes float{0%{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translateY(-5px)}75%{transform:translate(-5px,-5px)}to{transform:translate(0)}}#user-input{font-size:16px;padding:10px;margin-right:5px;background-color:transparent;border:3px solid transparent;border-bottom:3px solid var(--blue);width:30vw;color:var(--darkest)}#user-input::placeholder{color:#191919a9}#user-input:focus{border:3px solid var(--blue);border-radius:10px;outline:none}.button-input{font-size:22px;border-radius:10px;padding:10px;width:44px!important;margin-right:5px;border:none;border-bottom:3px solid var(--light);background-color:var(--dark);color:var(--lightest);transition:all .3s ease-in-out}.front{transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable{background-color:#124e666b;border:none;border-radius:12px;padding:0;cursor:pointer}.front{background-color:var(--blue);display:block;padding:12px;border-radius:12px;font-size:1.25rem;color:#fff;transform:translateY(-4px)}.pushable:active .front{transform:translateY(-2px)}.pushable:focus:not(:focus-visible){outline:none}.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}