@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/windows.e765d637563f1ef312a9.png);color:pink;font-family:Noto Sans TC,-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Kirby{float:right;height:100px;width:100px}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-transform:translateZ(0);transform:translateZ(0);transition-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-transform:translateZ(0);transform:translateZ(0);transition-timing-function:cubic-bezier(.215,.61,.355,1)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}.NavbarContainer{background:linear-gradient(90deg,#181d6c,#572b56);display:flex;justify-content:flex-start;list-style:none;margin:0;padding:20px 0;width:100%}.Link{color:#fff;display:inline-block;font-size:1rem;margin:0 15px;text-decoration:none;transition:all .3s ease-in-out}.Link:hover{color:#e6adda;cursor:pointer}.Bi{font-weight:700}.EnterContainer{justify-content:center;padding:20px 0;width:100%}button{background-color:pink;border-color:pink;border-radius:20px;font-size:20px;font-weight:700;margin:20px;padding:10px}#btnLogin{background-color:#6495ed;border-color:#6495ed}#btnSignup{background-color:#f0c77a;border-color:#f0c77a}button:hover{cursor:pointer}.form-signin{margin:0 auto;max-width:475px;padding:15px;width:100%}.form-signin .form-control{box-sizing:border-box;font-size:16px;height:auto;padding:10px;position:relative}.form-signin .form-control:focus{z-index:2}.form-signin input[type=email]{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:-16px}.form-signin input[type=password]{border-top-left-radius:0;border-top-right-radius:0;margin-bottom:10px}.Form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.CodeInput{border:1px solid #000;border-radius:5px;margin:30px 0;padding:10px;width:90%}.AddBtn{align-self:center;background:linear-gradient(90deg,#7cb0e2,#cba9c7);border:none;border-radius:5px;color:#fff;margin:10px;padding:10px;width:137px}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:center;transform-origin:center}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);-webkit-transform-origin:center;transform-origin:center}to{opacity:1;-webkit-transform:none;transform:none;-webkit-transform-origin:center;transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}.RequestName{margin:0}.MainContainer{align-items:center;display:flex;flex-direction:column;margin-top:30px;width:100%}.inviting:after{color:red;content:"(inviting)"}.SentRequestContainer{align-items:center;background:linear-gradient(90deg,#ed9c56,#c8e785);border-bottom:2px solid grey;border-top:2px solid grey;display:flex;margin:0;padding:9px;width:100%}.CProfilePic{border-radius:50%;height:75px;margin:0 10px;width:75px}.ReceivedContainer{background:linear-gradient(90deg,#52a4d0,#89b36b);border-bottom:2px solid grey;border-top:2px solid grey;justify-content:space-between;margin:0;padding:9px;width:100%}.InfoContainer,.ReceivedContainer{align-items:center;display:flex}.AcceptBtn{background:#08b5fe}.AcceptBtn,.DeclineBtn{border:none;border-radius:12px;color:#fff;font-weight:700;margin:10px;outline:none;padding:11px;width:102px}.DeclineBtn{background:#a5a5a5}@media only screen and (max-width:600px){.ProfilePic{height:50px;width:50px}.BtnsContainer{display:flex;width:-webkit-max-content;width:max-content}.AcceptBtn,.DeclineBtn{margin:5px;width:80px}.RequestName{font-size:19px;margin:0}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.ChatsProfilePic{border-radius:50%;height:75px;margin:10px;width:75px}.ParentContainer{display:flex;flex-direction:column;margin-bottom:10px}.Chats{align-items:center;background:linear-gradient(90deg,#52a4d0,#89b36b);border-bottom:2px solid grey;border-top:2px solid grey;display:flex;margin-top:20px;padding:5px}.NameLink{color:#000;text-decoration:none}.ChatHeading{align-self:center;margin:10px}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.ProfileContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:20px 0;width:100%}.ProfilePic{border:2px solid #363636;border-radius:50%;height:20%;margin:20px;overflow:hidden;width:20%}.BlueBtn{align-items:center;background:#8282e8;border:none;border-radius:12px;color:#fff;display:flex;justify-content:space-around;margin:100px 10px 10px;padding:11px;width:20%}.BlueBtn,.Name{font-weight:700}.Name{font-size:20px;margin:10px}@media only screen and (max-width:600px){.BlueBtn{width:35%}.ProfilePic{height:45%;width:45%}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}.MessageSent{align-self:flex-end;background-color:#207dff;color:#fff}.MessageReceived,.MessageSent{border-radius:20px;margin:.5% 0;overflow:hidden;padding:10px;width:-webkit-max-content;width:max-content}.MessageReceived{align-self:flex-start;background-color:#dcdcdc;color:#000}.MIContainer{display:flex;height:100%;width:100%}.imgBTN{background-color:peru;border:none;border-radius:20px;color:#fff;font-size:medium;font-weight:100;height:35.5px;margin:1% 2% 0 0;outline:none;padding:10px;width:15%}#img_btn{font-size:smaller;font-weight:100;width:177px}.imageSented{height:100px;width:100px}@media only screen and (min-width:600px){.MessageInput{width:95%}.SendButton{width:5%}}.ChatScreenContainer{display:flex;height:100%;justify-content:space-between;margin-bottom:100px;width:100%}.FriendPic{border-radius:50%;height:58px;margin:10px;width:58px}.MessagesContainer{display:flex;flex-direction:column;height:100%;margin:20px;width:100%}.squareMSG{align-self:flex-start;background-color:#dcdcdc;border-radius:20px;color:#000;margin:.5% 0;overflow:hidden;padding:10px;width:-webkit-max-content;width:max-content}.uid{color:red;font-size:1px;font-weight:lighter}.S{justify-content:flex-end}.SQcontainer{display:flex;height:100%;width:100%}.InputContainer{align-items:center;bottom:10px;display:flex;flex-direction:row;height:10%;justify-content:space-between;left:10px;position:fixed;width:100%;z-index:1}.MessageInput{background-color:#dcdcdc;color:#000;width:80%}.MessageInput,.SendButton{border:none;border-radius:20px;outline:none;padding:10px}.SendButton{background-color:#207dff;color:#fff;height:35.5px;margin:1% 1% 0 2%;width:15%}@media only screen and (min-width:600px){.MessageInput{width:90%}.SendButton{margin:0 1%;width:5%}.imgBTN{width:177.3px}}
/*# sourceMappingURL=main.04f68329.css.map*/