.loader{color:#e22121;font-size:20px;margin:100px auto;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.backgroundTxt{font-size:2rem;left:2rem;font-weight:900;color:#1b0303;position:absolute;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.backgroundTxt span{font-size:4rem}.login{width:100vw;height:100vh;background-color:#f0f2f5;background-image:linear-gradient(45deg,transparent 20%,#000 25%,transparent 0),linear-gradient(-45deg,transparent 20%,#000 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#000 80%,transparent 0),radial-gradient(grey 2px,transparent 0);background-size:30px 30px,30px 30px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:10px}.login,.loginBox{display:-webkit-flex;display:flex}.loginBox{z-index:1;width:400px;max-width:92%;max-height:90%;padding:1.5em;background-color:#fff;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);border-top:7px solid purple}.loginBox .header{font-family:"Dancing Script",cursive;font-size:1.6rem;margin-bottom:30px;color:#69f827;font-weight:900;text-transform:capitalize}.loginInput{height:3.7rem;border-radius:1.2rem;border:1px solid grey;font-size:1.1rem;padding-left:20px;margin-bottom:1rem}.loginInput:focus{outline:none}.signinButton{height:3.3rem;border-radius:5rem;border:none;background-color:#0ec268;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;margin-bottom:1rem}.registerButton{width:60%;-webkit-align-self:center;align-self:center;height:3.3rem;border-radius:10px;border:none;background-color:#ca4a50;font-size:1rem;font-weight:500;cursor:pointer}.registerButton a{color:#fff;text-decoration:none;display:-webkit-flex;display:flex;width:100%;height:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.loginBox button:hover{transition:all .25s;-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}.image-upload.center{-webkit-flex-direction:column;flex-direction:column}.image-upload.center,.image-upload__preview{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.image-upload__preview{width:9rem;height:9rem;border:1px solid #f1abab;text-align:center;margin-bottom:1rem}.image-upload__preview img{width:100%;height:100%;object-fit:cover}.image-upload.center .button{background-color:#c2fbd7;border-radius:1em;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:green;cursor:pointer;display:inline-block;padding:.5em 1.5em;text-align:center;text-decoration:none;transition:all .25s;border:0;font-size:1rem;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.image-upload.center .button:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);-webkit-transform:scale(1.05) rotate(-1deg);transform:scale(1.05) rotate(-1deg)}*{margin:0;padding:0;box-sizing:border-box}.navbar{height:5rem;width:100%;display:grid;place-items:center;max-width:95%}.navbar ul{height:3.12rem;width:22.5rem;display:-webkit-flex;display:flex;background:#f2f2f2;list-style:none;border-radius:2.5rem;position:relative;padding:2.5px}.navbar ul:before{content:"";height:2.8rem;width:33.33333%;background:#fff;position:absolute;border-radius:2.5rem;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);transition:-webkit-transform .5s cubic-bezier(.15,.88,.15,.97);transition:transform .5s cubic-bezier(.15,.88,.15,.97);transition:transform .5s cubic-bezier(.15,.88,.15,.97),-webkit-transform .5s cubic-bezier(.15,.88,.15,.97)}.navbar ul.chats:before{-webkit-transform:translateZ(0);transform:translateZ(0)}.navbar ul.people:before{-webkit-transform:translate3d(7.3rem,0,0);transform:translate3d(7.3rem,0,0)}.navbar ul.profile:before{-webkit-transform:translate3d(14.6rem,0,0);transform:translate3d(14.6rem,0,0)}.navbar ul li{height:100%;width:100%;text-align:center;display:grid;place-items:center;font-size:1rem;position:relative;z-index:1;cursor:pointer;-webkit-align-content:space-around;align-content:space-around}.navbar ul li a{text-decoration:none;font-weight:700;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;display:inline-block;width:100%;height:100%;padding:1em;letter-spacing:.05rem}.navbar a:hover{opacity:.75a}.navbar .activeClass{color:red}::-webkit-scrollbar{width:8px}.thin::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{border-radius:10px;background:#eee}::-webkit-scrollbar-thumb{border-radius:10px;background:#888}::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,39.2%,.4)}html{scrollbar-width:thin;scrollbar-color:rgba(82,76,76,.4) #eee}
/*# sourceMappingURL=main.7e6a8db4.chunk.css.map */