@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#282c34}.App{margin:0 auto;max-width:728px;text-align:center}.App header{align-items:center;background-color:#0b1223;box-sizing:border-box;color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:728px;min-height:100px;padding:10px;position:fixed;top:0;width:100%;z-index:99}header{position:-webkit-sticky;position:sticky}.profile-section{flex-direction:row}.name-signout,.profile-section{align-items:center;display:flex;justify-content:center}.name-signout{flex-direction:column;margin-left:5px}.display-name{font-size:18px;margin-bottom:3px;margin-top:5px;padding:0}.signInWithGoogle{margin-top:100px}.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:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#757575;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:12px 16px 12px 42px;transition:background-color .3s,box-shadow .3s;width:250px}.login-with-google-btn:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.rules{color:#fff;margin-right:30px;margin-top:30px}.rules-items>li{margin-bottom:15px}.happy-chatting{display:flex;font-size:x-large;justify-content:center}.signout-btn{border:none;border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;padding:8px;transition:background-color .3s,box-shadow .3s;width:100px}.signout-btn:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}.logo-name{align-content:center;align-items:center;display:flex;flex-direction:row;font-size:22px;text-align:center}.App section{background-color:#131a2b;flex-direction:column;margin-top:30px;min-height:100vh}.App section,.signInWithGoogle{display:flex;justify-content:center}main{display:flex;flex-direction:column;height:80vh;margin:10vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#0d1424}main::-webkit-scrollbar-thumb{background:#465cf4}form{background-color:#181717;bottom:0;display:flex;font-size:1.5rem;height:10vh;max-width:728px;position:fixed;width:100%}form button{background-color:#38388f;width:20%}input{background:#0d1424;font-size:1.5rem;line-height:1.5;outline:none;padding:0 10px;width:100%}button,input{border:none;color:#fff}button{background-color:#282c34;cursor:pointer;display:inline-block;font-size:1.25rem;padding:15px 32px;text-align:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}.sign-in{background:#fff;color:#282c34;margin:0 auto;max-width:400px}li,ul{list-style:none;text-align:left}p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse}.sent p{align-self:flex-end;background:#3f5efb;background:linear-gradient(90deg,#3f5efb,#fc466b 79%)}.received p,.sent p{color:#000;font-size:16px}.received p{background:#3f5efb;background:linear-gradient(90deg,#3f5efb,#fc466b 40%)}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}
/*# sourceMappingURL=main.d8c6bec7.css.map*/