body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{background-color:#353535}button,input{border-style:hidden;border-radius:5px;color:#eee;height:2.5rem}button{width:6.5rem;background-color:#2f65a7}button:hover{background-color:#2f55a7;transition:.2s}input:focus{outline:none}.input-container{display:flex;padding:5px}.input-field{padding-left:20px;outline:none;flex-grow:1}.input-field-wrapper{padding-right:10px;flex-grow:1;display:flex}.textbox{flex-direction:column}.photo-content-container,.textbox{display:flex}.left-container,.right-container{border-radius:10px;padding:.5em;height:auto}.left-container{background-color:#023047}.right-container{background-color:#ffb703}.left-textbox-content{color:#eee}.right-textbox-content{color:#252323}.left-textbox-photo,.right-textbox-photo{border-radius:50%;max-width:3em;height:auto;align-items:flex-end;padding-right:5px}.right-textbox-name,.right-textbox-photo{display:none}.left-textbox-name{padding-bottom:5px;color:#eee}.message-container{display:flex;flex-direction:column;width:100%;max-height:95%;overflow-y:auto;position:absolute;padding:5px}.right-message{margin-left:auto;padding-right:2.5rem;padding-bottom:2px}.left-message{margin-right:auto}.sidebar{flex-direction:column;display:flex;width:14em;height:100vh;padding-top:5px;background-color:#353535;align-items:center}.google_button{background-color:#fff;color:#000;border:none;height:2rem;width:6rem;text-decoration:none;text-align:center;border-radius:5px;font-size:14px;font-weight:400;font-family:Open Sans,sans-serif;margin-left:5px;margin-top:10px}.google_button:hover{background-color:#000;color:#eee;transition:.2s}#btn_content{position:fixed}#icon{padding-right:6px}#button_content{display:flex;justify-content:center}h1{margin:0;color:#eee}.App{display:flex;min-height:100vh}.content-chatbar,.content-wrap{flex:1 1;display:flex;flex-direction:column}.header,.messages-container{background-color:#424242;padding:1rem}.messages-container{border-top:1px solid #ffd369;border-bottom:1px solid #ffd369;height:100%;overflow:hidden;position:relative}.send-message-container{background-color:#424242;padding:1.4rem}
/*# sourceMappingURL=main.816c0e92.chunk.css.map */