:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#f0f0f0;background-image:url(https://images.unsplash.com/photo-1531685250784-7569952593d2);background-repeat:repeat;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{scroll-behavior:smooth}h1{font-size:1.8em;line-height:1.1;text-align:center;top:0;padding:10px;background-color:#f3f0f000;color:#007bff;box-shadow:0 0 10px #0000;box-sizing:border-box}.logo{display:block;font-family:Montserrat,sans-serif;font-weight:700;font-size:1.8em;margin-bottom:10px}main{max-width:100%;margin:auto}p{background-color:#128c7e;color:#fff;box-sizing:border-box;max-width:70%;padding:15px;border-radius:50px;margin:5px 0}p span{white-space:pre-wrap;margin:5px}p span:first-child{margin-right:0}.user_msg{text-align:right;margin-left:30%;display:flex;flex-direction:row-reverse}.assistant_msg{text-align:left;display:flex}form{text-align:center;position:sticky;bottom:0;margin-top:20px;display:flex;align-items:center}input{color-scheme:light dark;color:#000;width:100%;height:40px;border:none;padding:10px;font-size:.8rem;background-color:#f3f0f066;box-shadow:0 0 10px #0009;box-sizing:border-box}input:focus{outline:none}.container{text-align:center}.horizontal-container{display:flex;justify-content:space-around;align-items:flex-start;flex-direction:row;padding:20px}.columns-container{display:flex;padding:20px}.api-container,.openai-container{width:90%;top:150px;background-color:#f3f0f080;border-radius:10px;padding:15px;margin:15px;box-shadow:0 0 10px #000000e6;transition:transform .3s ease}.api-container:hover,.openai-container:hover{transform:scale(1.05)}.openai-container.hover-effect{animation:hoverExpandShrink 1s ease-in-out 3}@keyframes hoverExpandShrink{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.api-heading{text-align:center}.bullet-points-container,.hubspot-bullet-points-container,.slack-bullet-points-container{margin:0 20px;width:90%;text-align:center}.hubspot-bullet-points-container,.slack-bullet-points-container{margin-bottom:30px}.api-content li{margin:10px 0;text-align:left;font-size:.9rem}.api-content a{text-decoration:none;color:#007bff}.api-content a:hover{text-decoration:underline}.api-content input{color:#000;width:100%;padding:10px;box-sizing:border-box;margin-bottom:10px;margin-top:10px;font-size:.9em;background-color:#f3f0f080;box-shadow:0 0 10px #0000004d}.styled-button{display:block;width:100%;padding:10px;background-color:#128c7e;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;position:relative}.styled-button:hover{background-color:#0056b3}.authentication-container{display:flex;justify-content:space-between;margin-top:20px}.emoji-buttons{display:flex}.thumbs-up,.thumbs-down{font-size:24px;background-color:transparent;border:none;border-radius:50%;padding:4px;margin-left:0;cursor:pointer;transition:background-color .3s ease}section{margin-top:20px}.button-container{text-align:center;position:sticky}input[type=text]{width:70%;padding:10px;box-sizing:border-box;margin-right:10px}.left-column{width:33%}.right-column{width:66%;margin-left:50px}.file-upload-label{cursor:pointer;padding:10px;background-color:#128c7e;color:#fff;border-radius:5px}.file-upload-label:hover{background-color:#0056b3}.file-list{flex-grow:1;overflow-y:auto;margin-top:20px}.file-item{margin:10px 0;text-align:left}.send-button{background-color:#128c7e;color:#fff;border:none;border-radius:50%;padding:8px;margin-right:5px;cursor:pointer;transition:background-color .3s ease}.send-button:hover{background-color:#0056b3}.send-button svg{width:20px;height:20px}.stop-animation{animation:rotateSquare 2s infinite linear}@keyframes rotateSquare{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stop-animation:before{content:"";display:block;width:50%;height:50%;background-color:#fff;position:absolute;top:25%;left:25%;border-radius:4px}@media (max-width: 768px){.horizontal-container,.columns-container{flex-direction:column}.left-column{width:100%}.right-column{width:100%;margin-left:0}input[type=text]{width:100%;padding:10px;box-sizing:border-box;margin-bottom:10px}.user_msg{margin-left:0%}.assistant_msg{margin-right:0%}p{max-width:100%;width:100%}}