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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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-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;&:hover{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25)}&:active{background-color:#eee}&:focus{box-shadow:0 -1px 0 rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.25),0 0 0 3px #c8dafc;outline:none}&:disabled{background-color:#ebebeb;box-shadow:0 -1px 0 rgba(0,0,0,.04),0 1px 1px rgba(0,0,0,.25);cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}}body{background-color:#f2f2f2;color:#333;font-family:Roboto Mono,monospace;margin:0;padding:0}header{background-color:#7c977f;color:#fff;padding:20px 0;text-align:center}header,nav{box-shadow:0 4px 8px rgba(0,0,0,.1)}nav{align-items:center;background-color:#c7d0c8;display:flex;justify-content:space-between;padding:10px 20px}.navbar-brand{color:#333;font-size:30px;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.navbar-brand:hover{color:#95af9c}.navbar-links{align-items:center;display:flex}.navbar-link{color:#333;font-weight:700;margin:0 20px;text-decoration:none;transition:color .3s ease-in-out}.navbar-link:hover{color:#95af9c}.navbar-username{font-weight:400;margin:20px}.chat-container{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);margin:20px auto;max-width:800px;overflow:hidden}.message_sent{display:flex;justify-content:flex-end}.message_sent p{background-color:#95af9c;border-radius:20px;color:#fff;margin:1px;max-width:70%;padding:10px}.message_received{display:flex}.message_received p{background-color:#dcdcdc;border-radius:20px;color:#333;margin:5px;max-width:70%;padding:10px}.username_received,.username_sent{display:flex;font-size:16px;margin:0;outline:none;width:100%}.username_sent{justify-content:flex-end}input[type=text]{border:none;border-radius:20px;border-top:1px solid #ccc;font-size:16px;outline:none;padding:10px;width:100%}button.send-button{background-color:#95af9c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s ease-in-out}button.send-button:hover{background-color:#7c977f}.home_container{display:grid;grid-template-columns:1fr 3fr;height:100%;overflow:scroll;position:relative;width:100vw}#chatmessages{background-color:#f9f9f9;margin-left:auto;margin-right:auto;max-height:78vh;overflow-y:auto;padding:20px;width:100%}.chatrooms_container{background-color:#e7e7e7;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:26%;z-index:2}.chatrooms_container button{align-items:center;background-color:#c7d0c8;border:none;border-bottom:1px solid #e0e0e0;border-radius:10px;color:#3b3b3b;cursor:pointer;display:flex;font-family:Roboto Mono,monospace;font-size:20px;font-weight:700;height:80px;justify-content:center;padding:0 20px;transition:background-color .3s ease-in-out;width:100%}.chatrooms_container button:hover{background-color:#b6c1b8}.chatrooms_container button .arrow-icon{color:#fff;font-size:24px;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.chatrooms_container button:hover .arrow-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.messages_container{margin:20px;padding:5px}.chat_title{background-color:hsla(0,0%,71%,.6);border-radius:10px;color:#3b3b3b;font-size:18px;font-weight:700;margin:0 auto;padding:1px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:50%;z-index:1}#homepage{align-items:center;display:flex;flex-direction:column}#chatroom-display{height:85vh;margin-bottom:5px;overflow-y:auto;width:100%}.input_bar{align-items:center;background-color:#fff;bottom:0;box-shadow:0 -2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:2px;padding:10px;position:fixed;right:0;width:73%}.input_bar input{border:none;border-radius:20px;font-family:Roboto Mono,monospace;font-size:16px;outline:none;padding:10px;width:70%}.input_bar button.send-button{background-color:#95af9c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease-in-out}.input_bar button.send-button:hover{background-color:#7c977f}.signin-container{background-color:#f5f5f5;padding:20px;text-align:center}.signin-container h1{font-size:24px;margin-bottom:10px}.signin-container p{font-size:16px;margin-bottom:20px}.login-with-google-btn{background-color:#e7e7e7;border:none;border-radius:4px;color:#373737;cursor:pointer;font-size:16px;padding:10px 15px 10px 45px;transition:background-color .3s ease-in-out}.login-with-google-btn:hover{background-color:#d0d0d0}.account-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#333;margin:30px auto 0;max-width:800px;overflow:hidden;padding:20px;text-align:center}.account-container a{color:#95af9c;font-weight:700;margin-left:5px;text-decoration:none;transition:color .3s ease-in-out}.account-container a:hover{color:#7c977f}.account-signout-btn{background-color:#95af9c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease-in-out}.account-signout-btn:hover{background-color:#7c977f}.username-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#333;font-family:Roboto Mono,monospace;margin:20px auto 0;max-width:800px;overflow:hidden;padding:20px;text-align:center}.username-container input{border:none;border-radius:8px;border-top:1px solid #ccc;margin:0 auto;max-width:300px;outline:none;padding:10px;width:100%}.username-container input,.username-save-btn{font-family:Roboto Mono,monospace;font-size:16px}.username-save-btn{background-color:#95af9c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease-in-out}.username-save-btn:hover{background-color:#7c977f}.success-message{color:#0a9400}.error-message,.success-message{font-weight:700;margin-bottom:10px}.error-message{color:red}.username-account-link{color:#272727;font-family:Roboto Mono,monospace;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.username-account-link:hover{color:#95af9c}
/*# sourceMappingURL=main.3898166c.css.map*/