@media screen and (max-width:480px){.home{align-items:center;background-color:#faebd7;display:flex;height:100vh;justify-content:center}.snowflakes{position:absolute;z-index:-1}div.container{border:2px solid olive;border-radius:10px;display:flex;height:90%;overflow:auto;width:90%}.sidebar{background-color:rgba(107,116,10,.354);border-right:2px solid rgba(107,116,10,.354);flex:1 1;width:53%}.snowflakes{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@-webkit-keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.snowflake{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:snowflakes-fall;animation-name:snowflakes-fall;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.5);animation-timing-function:cubic-bezier(.5,0,.5,.5);z-index:1}.chat{flex:2 1;width:60%}.navbar{align-items:center;background-color:green;color:azure;display:flex;height:50px;justify-content:space-between;padding:10px}span.navbar-logo{display:none;font-weight:700}div.navbar-user{display:flex;gap:12px}img.navbar-user-img{background-color:azure;border-radius:30%;display:none;height:24px;object-fit:cover;width:24px}button.navbar-button{bottom:none;color:#4169e1;cursor:pointer;font-size:9px}input.search{align-self:center;background-color:#f0fff0;border:none;color:#a9a9a9;outline:none;width:500px}div.userChat{align-items:center;cursor:pointer;display:flex;gap:15px;padding:10px}img.userChatimg{border-radius:50%;display:none;height:20px;object-fit:cover;width:20px}div.userChat:hover{background-color:rgba(107,116,10,.654)}input.search:active{content:"hi"}span.userChat-span{font-size:10px;font-weight:700}p.userChat-sentence{color:#789;font-size:13px}img.addpeople,img.chatIcons2{cursor:pointer;height:50px}div.chatInfo{align-items:center;background-color:#ffdead;display:flex;font-size:10px;height:50px;justify-content:space-between;padding:10px}div.messages{background-color:rgba(250,173,205,.199);height:calc(100% - 160px);overflow:scroll;padding:10px}div.chat-input{align-items:center;background-color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px}img.attachment,img.chat-file{cursor:pointer;height:30px}input.chats{border:none;color:#00008b;font-size:18px;outline:none;width:100%}input.chats::-webkit-input-placeholder{color:#d3d3d3}input.chats:-ms-input-placeholder{color:#d3d3d3}input.chats::placeholder{color:#d3d3d3}div.send{align-items:center;display:flex;gap:10px}button.input-send{background:rgba(107,8,46,.705);border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;padding:10px 15px}img.messageinfo{border-radius:50%;height:40px;object-fit:cover;width:40px}img.massage{height:100px;object-fit:cover;width:100px}div.messageinfo.owner{align-items:end}div.messageinfo.false,div.messageinfo.owner{color:#b81481;display:flex;flex-direction:column;font-weight:300;width:60%}div.messageinfo.false{align-items:start}img.messagecontent{width:50%}div.message{display:flex;gap:20px;margin-bottom:40px}div.messagecontent{align-items:start;display:flex;flex-direction:column;max-width:80%;padding:3px}p.message{background-color:#fff;border-radius:30px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}div.message.owner{flex-direction:row-reverse}p.message.owner{background-color:#f4a460}p.message.false,p.message.owner{border-radius:30px;color:#000;font-size:10px;padding:10px 20px}p.message.false{background-color:#f5f5f5}span.time{font-size:5px}img.addChat{height:50px;padding:10px;width:50px}}@media screen and (max-width:768px){.home{align-items:center;background-color:#faebd7;display:flex;height:100vh;justify-content:center}.snowflakes{position:absolute;z-index:-1}div.container{border:2px solid olive;border-radius:10px;display:flex;height:90%;overflow:auto;width:90%}.sidebar{background-color:rgba(107,116,10,.354);border-right:2px solid rgba(107,116,10,.354);flex:1 1;width:53%}.snowflakes{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@-webkit-keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.snowflake{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:snowflakes-fall;animation-name:snowflakes-fall;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.5);animation-timing-function:cubic-bezier(.5,0,.5,.5);z-index:1}.chat{flex:2 1;width:60%}.navbar{align-items:center;background-color:green;color:azure;display:flex;height:50px;justify-content:space-between;padding:10px}span.navbar-logo{display:none;font-weight:700}div.navbar-user{display:flex;gap:12px}img.navbar-user-img{background-color:azure;border-radius:30%;display:none;height:24px;object-fit:cover;width:24px}button.navbar-button{bottom:none;color:#4169e1;cursor:pointer;font-size:9px}input.search{align-self:center;background-color:#f0fff0;border:none;color:#a9a9a9;outline:none;width:500px}div.userChat{align-items:center;cursor:pointer;display:flex;gap:15px;padding:10px}img.userChatimg{border-radius:50%;display:none;height:20px;object-fit:cover;width:20px}div.userChat:hover{background-color:rgba(107,116,10,.654)}input.search:active{content:"hi"}span.userChat-span{font-size:10px;font-weight:700}p.userChat-sentence{color:#789;font-size:13px}img.addpeople,img.chatIcons2{cursor:pointer;height:50px}div.chatInfo{align-items:center;background-color:#ffdead;display:flex;font-size:10px;height:50px;justify-content:space-between;padding:10px}div.messages{background-color:rgba(250,173,205,.199);height:calc(100% - 160px);overflow:scroll;padding:10px}div.chat-input{align-items:center;background-color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px}img.attachment,img.chat-file{cursor:pointer;height:30px}input.chats{border:none;color:#00008b;font-size:18px;outline:none;width:100%}input.chats::-webkit-input-placeholder{color:#d3d3d3}input.chats:-ms-input-placeholder{color:#d3d3d3}input.chats::placeholder{color:#d3d3d3}div.send{align-items:center;display:flex;gap:10px}button.input-send{background:rgba(107,8,46,.705);border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;padding:10px 15px}img.messageinfo{border-radius:50%;height:40px;object-fit:cover;width:40px}.messagecontent.massage{height:20%;object-fit:cover;width:20%}div.messageinfo.owner{align-items:end}div.messageinfo.false,div.messageinfo.owner{color:#b81481;display:flex;flex-direction:column;font-weight:300;width:60%}div.messageinfo.false{align-items:start}img.messagecontent{width:50%}div.message{display:flex;gap:20px;margin-bottom:40px}div.messagecontent{align-items:start;display:flex;flex-direction:column;max-width:80%;padding:3px}p.message{background-color:#fff;border-radius:30px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}div.message.owner{flex-direction:row-reverse}p.message.owner{background-color:#f4a460}p.message.false,p.message.owner{border-radius:30px;color:#000;font-size:10px;padding:10px 20px}p.message.false{background-color:#f5f5f5}span.time{font-size:5px}img.addChat{cursor:pointer;height:50px;padding:10px;width:50px}}@media screen and (max-width:1200px){.RegisterContainer{align-items:center;background-color:#7fffd4;display:flex;height:100vh;justify-content:center}.RegisterWrpper{align-items:center;background-color:#fadadd;border-radius:8px;box-shadow:0 0 10px rgba(140,205,19,.1);display:flex;flex-direction:column;min-width:300px;padding:32px}.logo{font-size:24px;font-weight:700;margin-bottom:16px}.title{font-size:18px;margin-bottom:24px}.signup{font-size:14px;margin-top:24px}.register-form{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;max-width:300px;width:100%}.signupimage{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-top:24px}#addimage{height:24px;margin-right:8px;width:24px}.register-form input{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:8px;width:100%}.register-form button{background-color:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:24px;padding:8px;width:100%}.error{color:red;font-size:12px;margin-top:8px}.signup a{display:inline-block;position:relative}.signup a:before{background-color:#007aff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .2s ease-in-out;width:0}.signup a:hover:before{width:100%}.home{align-items:center;background-color:#faebd7;display:flex;height:100vh;justify-content:center}.snowflakes{position:absolute;z-index:-1}div.container{border:2px solid olive;border-radius:10px;display:flex;height:90%;overflow:auto;width:90%}.sidebar{background-color:rgba(107,116,10,.354);border-right:2px solid rgba(107,116,10,.354);flex:1 1}.snowflakes{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@-webkit-keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.snowflake{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:snowflakes-fall;animation-name:snowflakes-fall;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.5);animation-timing-function:cubic-bezier(.5,0,.5,.5);z-index:1}.chat{flex:2 1}.navbar{align-items:center;background-color:green;color:azure;display:flex;height:50px;justify-content:space-between;padding:10px}span.navbar-logo{font-weight:700}div.navbar-user{display:flex;gap:12px}img.navbar-user-img{background-color:azure;border-radius:30%;height:24px;object-fit:cover;width:24px}button.navbar-button{bottom:none;color:#4169e1;cursor:pointer;font-size:12px}input.search{align-self:center;background-color:#f0fff0;border:none;color:#a9a9a9;outline:none;width:500px}div.userChat{align-items:center;cursor:pointer;display:flex;gap:15px;padding:10px}img.userChatimg{border-radius:50%;height:50px;object-fit:cover;width:50px}div.userChat:hover{background-color:rgba(107,116,10,.654)}input.search:active{content:"hi"}span.userChat-span{font-size:18px;font-weight:700}p.userChat-sentence{color:#789;font-size:13px}img.addpeople,img.chatIcons2{cursor:pointer;height:50px}div.chatInfo{align-items:center;background-color:#ffdead;display:flex;height:50px;justify-content:space-between;padding:10px}div.messages{background-color:rgba(250,173,205,.199);height:calc(100% - 160px);overflow:scroll;padding:10px}div.chat-input{align-items:center;background-color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px}img.attachment,img.chat-file{cursor:pointer;height:30px}input.chats{border:none;color:#00008b;font-size:18px;outline:none;width:100%}input.chats::-webkit-input-placeholder{color:#d3d3d3}input.chats:-ms-input-placeholder{color:#d3d3d3}input.chats::placeholder{color:#d3d3d3}div.send{align-items:center;display:flex;gap:10px}button.input-send{background:rgba(107,8,46,.705);border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;padding:10px 15px}img.messageinfo{border-radius:50%;height:40px;object-fit:cover;width:40px}div.messageinfo.owner{align-items:end}div.messageinfo.false,div.messageinfo.owner{color:#b81481;display:flex;flex-direction:column;font-weight:300}div.messageinfo.false{align-items:start}img.messagecontent{width:50%}div.message{display:flex;gap:20px;margin-bottom:40px}div.messagecontent{display:flex;flex-direction:column;max-width:80%;padding:10px}p.message{background-color:#fff;border-radius:30px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}div.message.owner{flex-direction:row-reverse}p.message.owner{background-color:#f4a460}p.message.false,p.message.owner{border-radius:30px;color:#000;padding:10px 20px}p.message.false{background-color:#f5f5f5}div.messagecontent{align-items:end}span.time{font-size:10px}img.addChat{height:50px;padding:10px;width:50px}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.RegisterContainer{align-items:center;background-color:#7fffd4;display:flex;height:100vh;justify-content:center}.RegisterWrpper{align-items:center;background-color:#fadadd;border-radius:8px;box-shadow:0 0 10px rgba(140,205,19,.1);display:flex;flex-direction:column;min-width:300px;padding:32px}.logo{font-size:24px;font-weight:700;margin-bottom:16px}.title{font-size:18px;margin-bottom:24px}.signup{font-size:14px;margin-top:24px}.register-form{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;max-width:300px;width:100%}.signupimage{align-items:center;cursor:pointer;display:flex;font-size:12px;justify-content:center;margin-top:24px}#addimage{height:24px;margin-right:8px;width:24px}.register-form input{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:8px;width:100%}.register-form button{background-color:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:24px;padding:8px;width:100%}.error{color:red;font-size:12px;margin-top:8px}.signup a{display:inline-block;position:relative}.signup a:before{background-color:#007aff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .2s ease-in-out;width:0}.signup a:hover:before{width:100%}.home{align-items:center;background-color:#faebd7;display:flex;height:100vh;justify-content:center}.snowflakes{position:absolute;z-index:-1}div.container{border:2px solid olive;border-radius:10px;display:flex;height:90%;overflow:auto;width:90%}.sidebar{background-color:rgba(107,116,10,.354);border-right:2px solid rgba(107,116,10,.354);flex:1 1}.snowflakes{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@-webkit-keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}@keyframes snowflakes-fall{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{-webkit-transform:translateY(100vh);transform:translateY(100vh)}}.snowflake{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:snowflakes-fall;animation-name:snowflakes-fall;-webkit-animation-timing-function:cubic-bezier(.5,0,.5,.5);animation-timing-function:cubic-bezier(.5,0,.5,.5);z-index:1}.chat{flex:2 1}.navbar{align-items:center;background-color:green;color:azure;display:flex;height:50px;justify-content:space-between;padding:10px}span.navbar-logo{font-weight:700}div.navbar-user{display:flex;gap:12px}img.navbar-user-img{background-color:azure;border-radius:30%;height:24px;object-fit:cover;width:24px}button.navbar-button{bottom:none;color:#4169e1;cursor:pointer;font-size:12px}input.search{align-self:center;background-color:#f0fff0;border:none;color:#a9a9a9;outline:none;width:500px}div.userChat{align-items:center;cursor:pointer;display:flex;gap:15px;padding:10px}img.userChatimg{border-radius:50%;height:50px;object-fit:cover;width:50px}div.userChat:hover{background-color:rgba(107,116,10,.654)}input.search:active{content:"hi"}span.userChat-span{font-size:18px;font-weight:700}p.userChat-sentence{color:#789;font-size:13px}img.addpeople,img.chatIcons2{cursor:pointer;height:50px}div.chatInfo{align-items:center;background-color:#ffdead;display:flex;height:50px;justify-content:space-between;padding:10px}div.messages{background-color:rgba(250,173,205,.199);height:calc(100% - 160px);overflow:scroll;padding:10px}div.chat-input{align-items:center;background-color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px}img.attachment,img.chat-file{cursor:pointer;height:30px}input.chats{border:none;color:#00008b;font-size:18px;outline:none;width:100%}input.chats::-webkit-input-placeholder{color:#d3d3d3}input.chats:-ms-input-placeholder{color:#d3d3d3}input.chats::placeholder{color:#d3d3d3}div.send{align-items:center;display:flex;gap:10px}button.input-send{background:rgba(107,8,46,.705);border:none;border-radius:10px;color:#f0f8ff;cursor:pointer;padding:10px 15px}img.messageinfo{border-radius:50%;height:40px;object-fit:cover;width:40px}div.messageinfo.owner{align-items:end}div.messageinfo.false,div.messageinfo.owner{color:#b81481;display:flex;flex-direction:column;font-weight:300}div.messageinfo.false{align-items:start}img.messagecontent{width:50%}div.message{display:flex;gap:20px;margin-bottom:40px}div.messagecontent{display:flex;flex-direction:column;max-width:80%;padding:10px}p.message{background-color:#fff;border-radius:30px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}div.message.owner{flex-direction:row-reverse}p.message.owner{background-color:#f4a460}p.message.false,p.message.owner{border-radius:30px;color:#000;padding:10px 20px}p.message.false{background-color:#f5f5f5}div.messagecontent{align-items:end}span.time{font-size:10px}img.addChat{cursor:pointer;height:50px;padding:10px;width:50px}
/*# sourceMappingURL=main.5f4c03da.css.map*/