@import url(https://fonts.googleapis.com/css2?family=Aclonica&family=Hind:wght@400;500&family=Philosopher&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--third-color:#1f520d;--primary-color:#000;--secondary-color:#548e37}.body{box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}.App{display:flex;flex-direction:column}.login-page{align-items:center;background-image:url(/static/media/gradient-monochromatic-abstract-background_52683-74300.c0efc83f88815d8510e0.jpg);display:flex;flex-direction:column;font-size:18px;height:100vh;justify-content:center;width:100vw}.login-page,.login-window>h3{background-position:50%;background-repeat:no-repeat;background-size:cover}.login-window>h3{background-image:url(/static/media/TwsI3e.02835646b369fd9566c0.jpg);border-top-left-radius:13px;border-top-right-radius:13px;font-size:30px;height:8vh;margin:auto;overflow:hidden;padding-top:3vh;text-align:center;width:100%}.login-window .buttons{align-items:center;background-color:hsla(0,0%,100%,.5);display:flex;justify-content:center;padding-bottom:2%;padding-top:2%;width:100%}.login-window .buttons button{background:none;border:none;color:#1f520d;font-size:22px;font-weight:700;overflow-x:hidden;width:45%}.login-window .buttons .active{background-color:#fff;border:2px solid #fff;border-radius:6px}.login-window{background-color:rgba(31,40,51,.5);border-radius:13px;color:#fff;height:auto;justify-content:center;padding-bottom:32px}.login-form,.login-window{align-items:center;display:flex;flex-direction:column}.login-form{position:relative;width:25vw}.login-form input{background:none;color:#fff;height:4vh;margin:6%;width:90%}.login-form button{background-color:#f0f8ff;border:none;border-radius:3px;box-shadow:2px 2px 2px 2px #000;color:#1f520d;font-size:20px;font-weight:700;height:4vh;width:90%}.register-form{align-items:center;display:flex;flex-direction:column;padding:2%;width:25vw}.register-form input{background:none;color:#fff;height:4vh;margin:3%;width:90%}.register-form button{background-color:#f0f8ff;border:none;border-radius:3px;box-shadow:2px 2px 2px 2px #000;color:#1f520d;font-size:20px;font-weight:700;height:4vh;width:90%}.topbar{align-items:center;background-image:url(/static/media/TwsI3e.02835646b369fd9566c0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:8vh;justify-content:space-between}.logo_name{color:#fff;font-family:Aclonica,sans-serif;font-size:27px;padding-left:22px}.login-btn{border-radius:13px;font-size:18px;font-weight:700;height:5vh;margin-right:22px;transition:all .3s ease-in-out;width:10vw}.login-btn:hover{background:transparent;border-color:#548e37;border-color:var(--secondary-color);box-shadow:2px 2px 2px 2px #548e37;box-shadow:2px 2px 2px 2px var(--secondary-color);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.below-top{display:flex;height:92vh}.below-top:after{background-image:url(/static/media/gradient-monochromatic-abstract-background_52683-74300.c0efc83f88815d8510e0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.leftpane{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:hsla(0,0%,100%,.5);box-shadow:-15px 21px 21px hsla(0,0%,4%,.655);margin:1%;position:relative;width:25vw}.add-buttons,.leftpane{border-radius:24px;display:flex;flex-direction:column;overflow:hidden}.add-buttons{align-items:center;background:none;background-color:#fff;border:4px solid #fff;bottom:24px;box-shadow:-2px -2px 27px #548e37;box-shadow:-2px -2px 27px var(--secondary-color);color:#000;font-size:37px;height:5%;justify-content:flex-end;position:absolute;right:24px;text-shadow:5px 3px 32px #000;transition:all 3s;width:18%}.add-buttons:hover{height:auto}.add-buttons img{padding-bottom:2px;width:100%}.add-contact,.create-group{background:none;border:none}.head_con{align-items:center;background:url(/static/media/TwsI3e.02835646b369fd9566c0.jpg);border-bottom:2px solid #000;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;height:7.5%;justify-content:center}.head_con h4{align-items:center;color:#fff;font-size:100%;text-align:center}.contact-list{overflow-y:auto}.contacts{background-color:hsla(0,0%,100%,.5);border-top:2px solid #1f2833;box-shadow:-15px 21px 21px hsla(0,0%,4%,.655);display:flex;margin-top:1.4%;overflow-x:hidden;padding-left:2%;padding-right:5%}img.contactUserIcon{align-self:center;padding:5px;width:16%}.contactDesc{display:flex;flex-direction:column;overflow-x:hidden;padding-left:2%;padding-right:2%;width:80%}.contactDesc h5{margin:1%;padding:1%}.contacts:hover{border:2px solid #000;box-shadow:2px 5px 5px 2px #fff}.chat-pane{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);border-radius:24px;box-shadow:-15px 21px 21px hsla(0,0%,4%,.655);display:flex;flex-direction:column;justify-content:center;margin:1%;overflow:hidden;width:100%}.chat-topbar{align-items:center;background:url(/static/media/TwsI3e.02835646b369fd9566c0.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:24px;border-top-right-radius:24px;display:flex;height:7.5%;justify-content:space-between}.chat-topbar .userIcon{height:90%;padding:5px;width:5%}.chat-topbar .moreIcon{height:70%;width:34%}.chat-topbar .Group-name{align-self:center;color:#fff;font-weight:700;padding-left:2%;text-align:left;width:100%}.topbar-buttons{height:80%;padding-right:1.5%;width:21%}.addmember,.topbar-buttons{align-items:center;display:flex;justify-content:flex-end}.addmember{align-self:center;background:none;border:none;height:100%;width:40%}.addmember img{height:100%;width:100%}.chats{display:flex;flex-direction:column;height:87.5%;overflow:auto;overflow-x:hidden}.chat{display:flex;margin:1%;max-width:40%}img.chatUserIcon{height:3vw;width:3vw}.chatfile{display:flex;margin:1%}.chat .message{background:#fff;border-bottom-left-radius:9px;border-bottom-right-radius:9px;border-top-right-radius:9px;padding:2%}.outgoing-chats,.outgoing-chats .chat .message{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.outgoing-chats .chat .message{border-top-left-radius:9px;border-top-right-radius:0;text-align:right}.file-icon{width:5%}.chatbox input{background-color:hsla(0,0%,100%,.5);border:none;font-size:20px;height:52px;overflow:hidden;padding-left:19px;width:100%}.chatbox{align-items:center;display:flex;height:12%;justify-content:space-between}.chatbox,.chatbox img{margin:0;padding:0;width:100%}.chatbox img{bottom:0;height:75%;position:relative;right:0}.send-icon{background:none;border:none;width:5%}.bottom-bar{border-bottom-left-radius:24px;border-bottom-right-radius:24px}
/*# sourceMappingURL=main.052adbcb.css.map*/