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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{background:#2d2b8d;max-height:100vh;text-align:center}.App::-webkit-scrollbar{width:1px}.welcome{align-items:center;color:#fff;display:flex;flex-direction:column;height:90vh;justify-content:space-around;text-align:center}.welcome .CatChat{border-radius:50%}@media only screen and (max-width:400px){.welcome h2{font-size:18px}.welcome .CatChat{width:250px}}@media only screen and (min-width:400px){.welcome h2{font-size:20px}.welcome .CatChat{width:300px}}@media only screen and (min-width:600px){.welcome h2{font-size:22px}.welcome .CatChat{width:400px}}.send-message{background:#110c36;bottom:0;height:10vh;position:absolute;width:100%}.send-message form{height:40px;padding:2vh 10%}.send-message form input{border:none;border-radius:5px 0 0 5px;font-size:18px;outline:none;padding:10px;width:60%}.send-message form button{background:#6d63b9;border:none;border-radius:0 10px 10px 0;color:#fff;font-size:18px;outline:none;padding:10px;width:20%}@media only screen and (max-width:350px){.send-message form button{width:30%}}.chat-box{height:90vh;overflow:hidden}.messages-wrapper{height:80vh;overflow-y:scroll}.messages-wrapper::-webkit-scrollbar{width:12px}.messages-wrapper::-webkit-scrollbar-track{background:#45399b}.messages-wrapper::-webkit-scrollbar-thumb{background-color:#110c36;border:3px solid #45399b;border-radius:20px}.chat-bubble.right{background:#45399b;border-radius:20px 20px 20px 0;color:#fff;margin:10px}.chat-bubble.left,.chat-bubble.right{box-shadow:0 2px 8px 5px #6d63b9;padding:5px;width:300px}.chat-bubble.left{align-items:center;background:#fff;border-radius:20px 20px 0 20px;margin:10px 10px 10px 73%}.chat-bubble__left{align-items:center;display:flex;flex-direction:row;font-size:16px;opacity:.7}.chat-bubble__left img{border-radius:50%;height:40px;width:40px}@media only screen and (max-width:350px){.chat-bubble.right{width:200px}.chat-bubble.left{margin:10px 10px 10px 20%;width:200px}}@media only screen and (min-width:350px){.chat-bubble.right{width:230px}.chat-bubble.left{margin:10px 10px 10px 25%;width:230px}}@media only screen and (min-width:500px){.chat-bubble.right{width:250px}.chat-bubble.left{margin:10px 10px 10px 50%;width:250px}}@media only screen and (min-width:600px){.chat-bubble.right{width:300px}.chat-bubble.left{margin:10px 10px 10px 44%;width:300px}}@media only screen and (min-width:700px){.chat-bubble.right{width:300px}.chat-bubble.left{margin:10px 10px 10px 53%;width:300px}}@media only screen and (min-width:800px){.chat-bubble.right{width:300px}.chat-bubble.left{margin:10px 10px 10px 60%;width:300px}}@media only screen and (min-width:900px){.chat-bubble.right{width:300px}.chat-bubble.left{margin:10px 10px 10px 65%;width:300px}}@media only screen and (min-width:1100px){.chat-bubble.right{width:300px}.chat-bubble.left{margin:10px 10px 10px 70%;width:300px}}.nav-bar{background:#110c36;height:10vh;justify-content:space-between;padding:0 10%}.nav-bar,.sign-in{align-items:center;color:#fff;display:flex}.sign-in{background:#45399b;border:none;border-radius:5px;font-size:16px;height:35px;padding-left:10px;width:100px}.sign-in img{border-radius:50%;padding:5px;width:30px}.sign-out{align-items:center;background:#45399b;border:none;border-radius:5px;color:#fff;display:flex;font-size:16px;height:35px;width:100px}@media only screen and (max-width:400px){.nav-bar h1{font-size:18px}.nav-bar .sign-in{font-size:14px;height:30px;padding:3px;width:80px}.nav-bar .sign-in img{width:20px}.nav-bar .sign-out{font-size:14px;height:30px;padding:3px;width:80px}}
/*# sourceMappingURL=main.82d482c3.css.map*/