@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#101d25;font-family:IBM Plex Mono,monospace;font-weight:300}.head__nav{align-items:center;background-color:#232d36;display:flex;height:10vh;justify-content:space-between}.logo{font-size:24px;font-weight:600;padding-left:50px}.button,.logo{color:#fff;font-family:IBM Plex Mono,monospace}.button{background:#01993b;border:none;border-radius:5px;font-size:16px;font-weight:500;margin-right:20px;padding:8px 15px}.button:hover{background:#077732;cursor:pointer}.wrap__box{background-color:#232d36;border-radius:10px;height:60vh;margin:100px 400px 0;text-align:center}.anim__text{-webkit-animation:animated-text 4s steps(29) 1s 1 normal both,animated-cursor .9s steps(29) infinite;animation:animated-text 4s steps(29) 1s 1 normal both,animated-cursor .9s steps(29) infinite;border-right:3px solid rgba(61,61,61,0);color:hsla(0,0%,100%,.7);font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:600;margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes animated-text{0%{width:0}to{width:350px}}@keyframes animated-text{0%{width:0}to{width:350px}}@-webkit-keyframes animated-cursor{0%{border-right-color:rgba(0,255,0,0)}to{border-right-color:transparent}}@keyframes animated-cursor{0%{border-right-color:rgba(0,255,0,0)}to{border-right-color:transparent}}.welcome__txt{color:#fff;font-size:24px;margin:0 auto;padding-top:90px}.login-with-google-btn,.welcome__txt{font-family:IBM Plex Mono,monospace;font-weight:600}.login-with-google-btn{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:5px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#5a5a5a;font-size:14px;margin:60px auto 0;max-width:400px;padding:12px 16px 12px 42px;transition:background-color .3s,box-shadow .3s}.login-with-google-btn:hover{background-color:silver;cursor:pointer}.terms{color:#d4d4d4;font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:500;margin:30px 70px 10px}@media screen and (max-width:600px){.head__nav{align-items:center;background-color:#232d36;display:flex;height:10vh;justify-content:space-between}.logo{font-size:16px;font-weight:600;padding-left:30px}.button,.logo{color:#fff;font-family:IBM Plex Mono,monospace}.button{background:#01993b;border:none;border-radius:5px;font-size:14px;font-weight:500;margin-right:20px;padding:8px 15px}.button:hover{background:#077732;cursor:pointer}.wrap__box{background-color:#232d36;border-radius:10px;height:60vh;margin:70px 20px 0;text-align:center}.anim__text{-webkit-animation:animated-text 4s steps(29) 1s 1 normal both,animated-cursor .9s steps(29) infinite;animation:animated-text 4s steps(29) 1s 1 normal both,animated-cursor .9s steps(29) infinite;border-right:3px solid rgba(61,61,61,0);color:hsla(0,0%,100%,.7);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;margin:0 auto;overflow:hidden;white-space:nowrap}@-webkit-keyframes animated-text{0%{width:0}to{width:250px}}@keyframes animated-text{0%{width:0}to{width:250px}}@-webkit-keyframes animated-cursor{0%{border-right-color:rgba(0,255,0,0)}to{border-right-color:transparent}}@keyframes animated-cursor{0%{border-right-color:rgba(0,255,0,0)}to{border-right-color:transparent}}.welcome__txt{color:#fff;font-size:16px;margin:0 auto;padding-top:90px}.login-with-google-btn,.welcome__txt{font-family:IBM Plex Mono,monospace;font-weight:600}.login-with-google-btn{background-color:#fff;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTcuNiA5LjItLjEtMS44SDl2My40aDQuOEMxMy42IDEyIDEzIDEzIDEyIDEzLjZ2Mi4yaDNhOC44IDguOCAwIDAgMCAyLjYtNi42eiIgZmlsbD0iIzQyODVGNCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTkgMThjMi40IDAgNC41LS44IDYtMi4ybC0zLTIuMmE1LjQgNS40IDAgMCAxLTgtMi45SDFWMTNhOSA5IDAgMCAwIDggNXoiIGZpbGw9IiMzNEE4NTMiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik00IDEwLjdhNS40IDUuNCAwIDAgMSAwLTMuNFY1SDFhOSA5IDAgMCAwIDAgOGwzLTIuM3oiIGZpbGw9IiNGQkJDMDUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDMuNmMxLjMgMCAyLjUuNCAzLjQgMS4zTDE1IDIuM0E5IDkgMCAwIDAgMSA1bDMgMi40YTUuNCA1LjQgMCAwIDEgNS0zLjd6IiBmaWxsPSIjRUE0MzM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMCAwaDE4djE4SDB6Ii8+PC9nPjwvc3ZnPg==);background-position:12px 11px;background-repeat:no-repeat;border:none;border-radius:5px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#5a5a5a;font-size:14px;margin:60px auto 0;max-width:400px;padding:12px 14px 12px 42px;transition:background-color .3s,box-shadow .3s}.login-with-google-btn:hover{background-color:silver;cursor:pointer}.terms{color:#d4d4d4;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;margin:30px 20px 10px}}.user__name{color:#fff;font-family:IBM Plex Mono,monospace;font-weight:600;margin-left:800px}.chat__box{background-color:#232d36;border-radius:10px;display:flex;flex-direction:column;height:70vh;margin:40px 370px 0;overflow-y:scroll;text-align:center}.logo__chat{font-size:24px;font-weight:600;padding-left:30px}.button__signout,.logo__chat{color:#fff;font-family:IBM Plex Mono,monospace}.button__signout{background:#01993b;background:#077732;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;margin-right:20px;padding:8px 15px}.message__area{margin-top:20px;text-align:center}input{background:#232d3656;border-radius:10px;font-size:18px;outline:none;padding:20px;width:39%}.button__send,input{border:none;color:#fff;font-family:IBM Plex Mono,monospace;font-weight:500}.button__send{background:#01993b;border-radius:0 10px 10px 0;font-size:32px;margin:0 0 0 -5px;padding:4px 20px 14px}.button__send:hover{background:#01993bbd;cursor:pointer}.chat__box::-webkit-scrollbar{width:.25rem}.chat__box::-webkit-scrollbar-track{background:#1f323d;margin:10px 0}.chat__box::-webkit-scrollbar-thumb{background:#172730}@media screen and (max-width:600px){.logo__chat{padding-left:10px}.logo__chat,.user__name{color:#fff;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.user__name{margin-left:10px;margin-right:6px}.chat__box{background-color:#232d36;border-radius:10px;display:flex;flex-direction:column;height:70vh;margin:40px 20px 0;overflow-y:scroll;text-align:center}.message__area{margin-top:20px;text-align:center}input{background:#232d3656;border:none;border-radius:10px;color:#fff;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;outline:none;padding:12px;width:45%}.button__signout{border:none;border-radius:5px;font-size:10px;margin-right:20px;padding:4px 5px}.button__send,.button__signout{background:#01993b;color:#fff;font-family:IBM Plex Mono,monospace;font-weight:500}.button__send{border:none;border-radius:0 10px 10px 0;font-size:17px;margin:0 0 0 -5px;padding:6px 10px 12px}.button__send:hover{background:#01993bbd;cursor:pointer}.chat__box::-webkit-scrollbar{width:.25rem}.chat__box::-webkit-scrollbar-track{background:#1f323d;margin:10px 0}.chat__box::-webkit-scrollbar-thumb{background:#172730}}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse;margin:10px}.sent p{align-self:flex-end;background:#01993b;border-radius:5px;color:#fff;font-family:IBM Plex Mono,monospace;font-weight:400;margin:5px;padding:4px}.received{margin:10px}.received p{background:#e5e5ea;border-radius:5px;color:#000;font-family:IBM Plex Mono,monospace;font-weight:400;margin:5px;padding:4px}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}@media screen and (max-width:600px){.message{align-items:center;display:flex}.sent{flex-direction:row-reverse;margin:6px}.sent p{align-self:flex-end;background:#01993b;border-radius:5px;color:#fff;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;margin:5px;padding:4px 5px}.received{margin:10px}.received p{background:#e5e5ea;border-radius:5px;color:#000;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:400;margin:3px;padding:4px 5px}img{border-radius:50%;height:30px;margin:2px 5px;width:30px}}
/*# sourceMappingURL=main.da15a6a8.css.map*/