@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);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}body,html{overflow:hidden}.card,.header{display:flex;align-items:center;flex-direction:column}.card{justify-content:space-evenly;height:500px;width:580px;color:#fff;background-image:linear-gradient(90deg,rgba(47,54,64,.6),#2f3640);border-radius:10px}@media only screen and (max-width:420px){.card{width:80%;height:380px}}.container img{position:absolute;z-index:-1;margin:0;padding:0}.logo{flex-direction:row;color:#fff;padding:10px}.App,.logo{display:flex;align-items:center}.App{justify-content:center;height:100vh}@media only screen and (min-width:800px){.container img{-webkit-clip-path:circle(70.5% at 3% 4%);clip-path:circle(70.5% at 3% 4%)}}@media only screen and (min-width:1000px){.container img{-webkit-clip-path:circle(95% at 3% 4%);clip-path:circle(95% at 3% 4%)}}@media only screen and (max-width:420px){.container img{display:none}.container{background-image:url(/static/media/bg.c14dbe91.jpg);height:920px}}.loading{height:100vh}.loading,.title{display:flex;justify-content:center;align-items:center}.title{color:#fff;background-image:linear-gradient(0deg,#f01d75,#fa4949);height:100px;border-bottom-left-radius:50px;border-bottom-right-radius:50px}.chatboard{display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:#f6fcff}.userList{width:300px;height:100vh;background-color:#192a56;overflow-y:scroll}.userList::-webkit-scrollbar{width:2px}.users{height:100vh}.logout{text-align:center;padding:10px}.user{display:flex;flex-direction:row;align-items:center;padding:10px;color:#fff}.user img{width:25%;height:25%;border-radius:50%;padding-right:5px}.chat{height:100vh;justify-content:flex-end}.chat,.messages{display:flex;flex-direction:column;width:100%}.messages{padding:5px;overflow-y:scroll}.messages::-webkit-scrollbar{width:2px}.displayFile{width:600px;height:600px;display:flex;flex-direction:column;position:absolute;align-items:center;top:10%;right:10%}.actionButton{width:400px;padding:5px;display:flex;justify-content:space-evenly}.displayFile img{width:500px;height:600px}.input{width:100%;display:flex;flex-direction:row;padding:5px}.textInput{width:80%}.imageInput{width:160px;overflow:hidden}.btn{width:160px}.message{display:flex;flex-direction:column-reverse;padding:10px}.body{background-color:#6cc4c4;border-radius:5px;display:flex;flex-wrap:wrap;max-width:500px;color:#fff;padding:0 10px}.message img{width:300px;height:300px;padding:10px}
/*# sourceMappingURL=main.bea9bd30.chunk.css.map */