.login{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.login h1{color:#000;font-size:4.5rem;font-weight:700;margin-bottom:15px;margin-top:20px;padding:15px 0}.login form{align-items:center;display:flex;flex-direction:column;gap:10px;width:60%}.login form input:not([type=submit]){border:2px solid #000;border-left:0;border-radius:5px;border-right:0;border-top:0;margin-bottom:10px}.login form button,.login form input:not([type=submit]){color:#000;font-size:.99 rem;outline:none!important;padding:10px;width:100%}.login form button{background:#d9f0f8;border:2px solid #000;border-radius:5px;cursor:pointer;margin-top:5px;transition:.3s linear}.login form button:hover{background:#a5eff0bd}.googleLogin{background:#81c3d5;border:2px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:.99 rem;margin-top:5px;outline:none!important;padding:10px;transition:.3s linear;width:60%}.googleLogin:hover{background:#169dc3}.signup{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.signup h1{color:#000;font-size:4.5rem;font-weight:700;margin-bottom:15px;margin-top:20px;padding:15px 0}.signup form{align-items:center;display:flex;flex-direction:column;gap:10px;width:60%}.signup form input:not([type=submit]){border:2px solid #000;border-left:0;border-radius:5px;border-right:0;border-top:0;margin-bottom:10px}.signup form button,.signup form input:not([type=submit]){color:#000;font-size:.99 rem;outline:none!important;padding:10px;width:100%}.signup form button{background:#d9f0f8;border:2px solid #000;border-radius:5px;cursor:pointer;margin-top:5px;transition:.3s linear}.signup form button:hover{background:#81c3d5}.largestContainer{position:absolute;z-index:999}.RegisterContainer{background-color:#f5f5f5;border:1px solid #000;display:grid;grid-template-columns:70% 30% 70%;height:50%;margin-left:20%;margin-right:auto;overflow:hidden;padding:0;position:relative;top:100px;transition:.2s linear;width:60%;z-index:999}.RegisterContainer.active{grid-template-columns:0 30% 70%;transition:.2s linear}.RegisterContainer .side-div{align-items:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/b1.d80b196feea5179193f9.jpg);background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.RegisterContainer .side-div button{background-color:#000;border:1px solid #cdcbcb;color:#fff;cursor:pointer;font-size:.99rem;height:15%;padding:10px,20px;transition:.3s linear;width:40%}.RegisterContainer .side-div button:hover{background-color:#444;border:1px solid #444}.area{background:#fff;background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8);height:100vh;z-index:2}.area,.circles{position:absolute;width:100%}.circles{height:100%;left:0;overflow:hidden;top:0}.circles li{-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;background:#d3eef7;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{-webkit-animation-delay:0s;animation-delay:0s;height:80px;left:25%;width:80px}.circles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:12s;animation-duration:12s;height:20px;left:10%;width:20px}.circles li:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;height:20px;left:70%;width:20px}.circles li:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:18s;animation-duration:18s;height:60px;left:40%;width:60px}.circles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;height:110px;left:75%;width:110px}.circles li:nth-child(7){-webkit-animation-delay:7s;animation-delay:7s;height:150px;left:35%;width:150px}.circles li:nth-child(8){-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:45s;animation-duration:45s;height:25px;left:50%;width:25px}.circles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:35s;animation-duration:35s;height:15px;left:20%;width:15px}.circles li:nth-child(10){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:150px;left:85%;width:150px}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.home{align-items:center;background-color:#fff;height:90vh}.HomeContainer,.home{display:flex;justify-content:center}.HomeContainer{border:1px solid #091c1d77;border-radius:10px;grid-template-columns:34% 66%;height:90%;overflow:hidden;width:65%}.sidebar{background-color:#091c1d7f;border-right:1px solid #091c1d77;flex:1 1}.chat{flex:2 1}.chatroom{align-items:center;background-color:#0b282bc9;color:#fff;display:flex;font-size:1.5rem;gap:10px;height:40px;padding:10px}.chats{height:calc(100% - 100px)}.groupChat{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:10px;height:40px;padding:10px}.groupChat:hover{background-color:#0b282bc9;cursor:pointer}.addGroup{background-color:#091c1d77;border:0;color:#fff;font-size:.99rem;font-weight:700;height:40px;padding:10px;width:100%}.addGroup:hover{font-size:1.2rem}.addUser{height:40px;transition:.3s linear;width:40px}.addUser:hover{cursor:pointer;-webkit-transform:scale(1.5);transform:scale(1.5)}.curChat{font-size:1.5rem}.chatInfo{align-items:center;display:flex;justify-content:space-between;padding:10px}.messages{background-color:#dadddd77;height:calc(100% - 140px);overflow:scroll;overflow-x:hidden;padding:10px}.input{align-items:center;display:flex;height:50px;justify-content:space-between;padding:10px}.input,.input input{background-color:#c2dfd8}.input input{border:none;font-size:1.5rem;height:100%;outline:none;width:100%}.sendIcon{align-items:center;display:flex;gap:10px;height:100px}.addfile{border:0;transition:.3s linear}.addfile:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.sendButton{background-color:#c2dfd8;border:0;transition:.3s linear}.sendButton:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.message{display:flex;gap:10px}.messageInfo{font-size:.99rem;font-style:italic;font-weight:500;font-weight:700;padding:10px}.messageContent{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:80%}.messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;font-size:1.2rem;margin-top:10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.messageUser{display:flex;flex-direction:row-reverse;gap:10px}.messageUser .messageContent{align-items:flex-end}.messageUser p{background-color:#ffc3a7;border-radius:10px 0 10px 10px;color:#000;cursor:pointer;font-size:1.2rem;padding:10px 20px}nav{align-items:center;background-color:#07181ac9;display:flex;height:40px;justify-content:space-between;margin-right:0;padding:10px 0;position:relative;width:100%}nav,nav a{color:#fff}nav a{font-size:1.2rem;font-weight:700;margin-left:100px;padding:0 10px;text-decoration:none}nav a:hover{color:#ff0}.account{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-right:100px}nav div p{font-size:.99rem;margin-top:10px;padding:0 10px}nav div p span{color:#ff0;cursor:pointer;font-weight:700}nav div i{border:1px solid #fff;border-radius:50%;color:#000;cursor:pointer;font-size:1.2rem;padding:10px 12px}.menu,nav div i{background-color:#fff}.menu{max-height:0;opacity:0;transition:.6s;width:40px}.user:focus+.menu{max-height:100%;opacity:1;padding:20px}.logout{background-color:#07181ac9;border:0;color:#fff;cursor:pointer;font-size:.99rem;height:15%;padding:10px,20px;transition:.3s linear;width:100%}.logout:hover{background-color:#091c1d77;border:0}
/*# sourceMappingURL=main.fc52218f.css.map*/