body{margin:0;height:100%;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}*{margin:0;padding:0}.message{padding:0 2%;margin:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15%;max-width:33%;box-shadow:3px 2px 7px #d3d3d3;color:#000}.sent-message{border-radius:20px 3px 20px 20px;background-color:#e8e8e8;margin-left:auto;text-align:right}.recieved-message{border-radius:3px 20px 20px 20px}.recieved-message,.server-message{background-color:#3290fc;color:#fff}.message-username{font-size:.7em}.message-time{font-size:.6em;margin:0}.message-message{font-size:1.2em}.messages{overflow:auto;display:flex;flex-direction:column;justify-content:flex-start}.messages>:first-child{margin-top:auto}.logo-messages{position:absolute;z-index:-1;top:35%;left:12%;width:100%;font-size:10em;color:rgba(50,144,252,.17254901960784313)}.online-user-li{padding:3px;margin-top:2px;list-style:none;box-shadow:1px 2px 5px #d3d3d3}.users-header{color:#d3d3d3}.Chat{height:100%;position:relative}.online-list{padding:1%;float:right;border-left:1px solid #d3d3d3}.content-container{grid-template-rows:85vh}.content-container,.message-form{display:grid;grid-template-columns:5fr 1fr}.message-form{height:10vh;width:100%;position:fixed;bottom:1px;margin:2px 2px 15px}.send-button{margin:0;height:100%;box-sizing:border-box;display:inline-block;border-color:#d3d3d3}.disconnect-button{float:right}.message-input{padding:0;margin:0;height:100%;color:#525252}.login{z-index:100;width:20%;margin:-29vh auto auto}.background-message{background-color:#d3d3d3;width:33%;height:150px;-webkit-filter:blur(30px);filter:blur(30px)}.right{float:right;background-color:#add8e6}.hidden{visibility:hidden}.background-message{color:#fff}.background{position:relative;z-index:-1}.landing{width:100%;z-index:99}.logo{margin-top:10vh;font-size:7em}.heading,.logo{text-align:center;color:#3290fc}.heading{font-size:1.8em}.main{width:50%;margin:auto}
/*# sourceMappingURL=main.8d9f99f8.chunk.css.map */