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}.icon{font-family:Arial,Helvetica,sans-serif,fontawesome}.container{background-color:#000;height:100vh;width:100%}.container,.form_box{align-items:center;display:flex;justify-content:center}.form_box{background-color:#111;border-radius:50px 0;height:580px;overflow:hidden;padding:30px;position:relative;width:380px}.form_box:before{-webkit-animation:rotate-border 6s linear infinite;animation:rotate-border 6s linear infinite;background-image:conic-gradient(transparent,transparent,transparent,#e0f);content:"";height:190%;position:absolute;width:190%}@-webkit-keyframes rotate-border{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-border{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.form_box:after{-webkit-animation:rotate-border 6s linear infinite;animation:rotate-border 6s linear infinite;-webkit-animation-delay:3s;animation-delay:3s;background-image:conic-gradient(transparent,transparent,transparent,#0cf);content:"";height:190%;position:absolute;width:190%}.header{align-items:center;border:2px solid #0cf;border-radius:50%;box-shadow:0 0 20px 15px #d024ff1f;color:#fff;display:flex;flex-direction:column;margin:auto;overflow:hidden;position:relative;width:100px}.logo{object-fit:cover;width:110%}.live_typing{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#00dbde,#fc00ff,#fff);-webkit-background-clip:text;color:#32e2fa;display:flex;font-family:Times New Roman,Times,serif;font-size:26px;font-weight:600;justify-content:center;letter-spacing:1px;margin-top:15px;text-align:center}.media_typing{display:none}.main-form{background-color:#111;border-radius:50px 0;content:"";inset:5px;padding:50px 40px;position:absolute;z-index:10}form .input_box{display:flex;height:45px;margin-top:20px;position:relative;top:40px;width:100%}.input_box input{background:transparent;border:none;border-bottom:1px solid #0cf;font-size:16px;height:100%;letter-spacing:1px}.glow-btn button,.input_box input{color:#fff;font-weight:400;outline:none;width:100%}.glow-btn button{align-items:center;background:#111;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:19px;height:45px;justify-content:center;position:relative;top:90px}.glow-btn button:before{-webkit-animation:animate 20s linear infinite;animation:animate 20s linear infinite;background:linear-gradient(45deg,#ff7300,#fffb00,#48ff00,#002bff,#00ffd5,#7a00ff,#ff00c8,red);background-size:400%;border-radius:30px;content:"";-webkit-filter:blur(2px);filter:blur(2px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.glow-btn button:hover{letter-spacing:2px}.glow-btn button:hover:before{opacity:1}.glow-btn button:hover:active{background:none}@-webkit-keyframes animate{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes animate{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.glow-btn button:hover:active:before{-webkit-filter:blur(2px);filter:blur(2px)}@media (max-width:430px){.form_box{align-items:center;display:flex;justify-content:center;width:90%}}@media (max-width:395px){.glow-btn button{display:flex;justify-content:center}form .input_box{display:flex;height:45px;margin-top:20px auto;top:20px}.input_box input{background:transparent;border:none;border-bottom:1px solid #0cf;color:#fff;display:flex;font-size:16px;font-weight:400;letter-spacing:1px;margin:auto;outline:none;position:relative}.live_typing{display:none}.media_typing{-webkit-text-fill-color:transparent;align-items:center;background:linear-gradient(90deg,#00dbde,#fc00ff,#fff);-webkit-background-clip:text;color:#32e2fa;display:flex;flex-direction:column;font-family:Times New Roman,Times,serif;font-size:24px;font-weight:600;justify-content:center;letter-spacing:1px;line-height:3rem;margin-top:15px;text-align:center}}@media (max-width:310px){.media_typing{font-size:20px}}*{box-sizing:border-box;margin:0;padding:0}.main_box{align-items:center;background-color:#f3f3f3;display:flex;height:100vh;justify-content:center}.box,.main_box{position:relative}.box{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #555;box-sizing:border-box;height:90%;padding:5px;width:50%}@media (min-width:200px) and (max-width:480px){.main_box{position:relative}.box,.main_box{height:100%;width:100%}.box{box-sizing:border-box;margin:0;position:fixed;top:0}}@media (min-width:480px) and (max-width:1200px){.box{width:60%}}@media (max-width:950px){.main_box{align-items:center;background-color:#f3f3f3;display:flex;height:100vh;justify-content:center;position:relative}}.text_msg{align-items:center;display:flex;height:10%;justify-content:center;position:relative;width:100%}.textarea{border:1px solid #c1bfbf;border-radius:20px;font-family:Arial,Helvetica,sans-serif;font-size:16px;padding:10px;resize:none;width:60%}.textarea::-webkit-scrollbar{display:none}.send_btn,input:focus,select:focus,textarea:focus{outline:none}.send_btn{align-items:center;background-color:#0c8ac5;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;justify-content:center;margin-left:10px;padding:8px 10px;width:40px}.emoji_box{bottom:70px;display:flex;left:0;position:absolute}@media (max-width:400px){.text_msg{height:0}}.yes_btn{color:#000;text-decoration:none}.group_icon{display:none}@media (max-width:950px){.group_icon{display:flex}}.message_container{display:flex;margin-top:5px;padding:1px 3%}.messageBox{background:#fff;border-radius:10px;color:#fff;display:inline-block;line-height:1rem;max-width:80%;padding:5px 15px;position:relative}.messageText{word-wrap:break-word;font-size:16px;letter-spacing:0;width:100%}.messageTime{display:flex;font-size:10px;justify-content:flex-end}.sentText{align-items:center;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:x-small;justify-content:flex-start;letter-spacing:.3px}.send_name{padding-left:10px}.user_name{padding-right:10px}.recieve_box{justify-content:flex-start}.send_box{justify-content:flex-end}.color_send{background:#2979ff;color:#fff}.color_recieve{background:#f3f3f3;color:#353535}.Messages_list{display:flex;height:80%;overflow:auto;padding:2% 0}::-webkit-scrollbar{display:none}.active_box{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #555;box-sizing:border-box;color:#111;height:90%;justify-content:space-between;margin-right:1%;max-width:30%;padding:5px;position:relative;width:25%}.active_box,.active_info{display:flex;flex-direction:column}.active_info{align-items:center;background-color:#5698ee;border-radius:10px 10px 0 0;color:#fff;justify-content:center;padding:5px 0}.active_user{align-items:center;cursor:pointer;display:flex;font-size:16px;margin-top:10px}.active_user:hover{background-color:#f0f0f0;border-radius:5px}.user_icon{align-items:center;border-radius:50%;height:30px;margin:10px 10px 1px 5px;object-fit:cover;width:30px}.invite{align-items:center;display:flex;font-size:18px;justify-content:center;margin-top:60%;text-align:center}@media (max-width:950px){.active_box{display:none}}
/*# sourceMappingURL=main.351b47e6.css.map*/