*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}@keyframes loading-animation{0%{background-color:#5a96ac;opacity:1}50%{background-color:#fff;opacity:.7}to{background-color:#306c82;opacity:1}}@keyframes loading-line{0%{width:0}to{width:100%}}.loading-page{align-items:center;background-color:#222;display:flex;display:none;flex-direction:column;gap:10px;justify-content:center;overflow:hidden;position:fixed;z-index:900}.loading-page,.loading-page:after{height:100vh;left:0;top:0;width:100%}.loading-page:after{background:linear-gradient(45deg,rgba(17,81,105,.851),rgba(13,64,82,.706));content:"";position:absolute;z-index:950}.loading-page img{filter:grayscale(100%);height:100%;object-fit:cover;object-position:center;opacity:.1;position:absolute;width:100%;z-index:10}.loading-page-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:999}.loading-title{color:#fff;font-size:1.4rem}.loading-title h1{font-family:Righteous,cursive}.loading-container{align-items:center;display:flex;gap:5px;justify-content:center;margin-top:10px;z-index:999}.box{background-color:#fff;border-radius:50%;height:12px;width:12px}.box:first-of-type{animation:loading-animation 2s ease 1s infinite}.box:nth-of-type(2){animation:loading-animation 2s ease 1.4s infinite}.box:nth-of-type(3){animation:loading-animation 2s ease 1.8s infinite}.box:nth-of-type(4){animation:loading-animation 2s ease 2.2s infinite}.box:nth-of-type(5){animation:loading-animation 2s ease 2.6s infinite}.loading-line{animation:loading-line 6.2s ease forwards;background-color:#fff;bottom:0;height:5px;left:0;position:fixed;z-index:999}.section-text-app,main{height:100vh;width:100%}.section-text-app{position:relative}.section-text-app .chat-navigation{align-items:center;background-color:#5a96ac;border-radius:30px 30px 30px 5px;color:#fff;display:flex;height:6vh;justify-content:center;left:50%;padding:5px 20px;position:absolute;top:10px;transform:translateX(-50%);transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:20}.section-text-app .chat-navigation h1{font-family:Righteous,cursive;font-size:1.2rem;margin-left:4px}.section-text-app .chat-navigation h1 i{color:#fff;margin-right:2px}.section-text-app .chat-navigation:hover{opacity:.9;padding:5px 25px}.night-mode{align-items:center;background-color:#5a96ac;border:none;border-bottom-left-radius:30px;border-top-left-radius:30px;color:#dedb2f;display:flex;font-size:1.4rem;height:6vh;justify-content:center;padding:5px 15px;position:absolute;right:0;top:10px;transition:.5s;z-index:20}.night-mode span{display:none}.night-mode:hover{opacity:.9;padding:10px 17.5px}.desktop-bg{display:none}.chat-app-img{bottom:0;height:100vh;position:relative;width:100%}.chat-app-img:after{background:linear-gradient(hsla(0,0%,100%,.918),hsla(0,0%,100%,.827));content:"";height:100vh;left:0;position:absolute;top:0;width:100%}.chat-app-img:after .chat-img{height:100%;object-fit:cover;object-position:center;opacity:.1;width:100%}.messages{word-wrap:break-word;align-items:flex-end;bottom:10vh;display:flex;justify-content:flex-end;margin:10px 0;padding:10px;position:absolute;width:100%;z-index:10}.messages .list{list-style:none;width:100%}.messages .list .textMessage{margin:10px 10px 10px 30%;text-align:right;width:70%}.messages .list .textMessage .message-box{align-items:center;display:flex;justify-content:center;justify-content:flex-end}.messages .list .textMessage .message-box .user{color:#5a96ac;font-size:.8rem;font-weight:500}.messages .list .textMessage .message-box .message-profile{border:2px solid #5a96ac;border-radius:50%;height:20px;margin-left:5px;width:20px}.messages .list .textMessage .message{word-wrap:break-word;background:linear-gradient(45deg,rgba(71,119,161,.827),#5a96ac);border-radius:25px 25px 5px 25px;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;margin:2px 5px 0 auto;max-width:60%;overflow-wrap:break-word;padding:10px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messages .list .textMessage .message span{color:#ddd;font-size:.7rem;font-weight:400;margin:6px 0 0 auto}.sended-message{margin:10px 30% 10px 10px;text-align:left;width:70%}.sended-message .message-box{align-items:center;display:flex;justify-content:center;justify-content:flex-start}.sended-message .message-box .user{color:#bbb;font-size:.8rem;font-weight:500}.sended-message .message-box .message-profile{border:2px solid #bbb;border-radius:50%;height:20px;margin-left:5px;width:20px}.sended-message .message{word-wrap:break-word;background:linear-gradient(45deg,#bbb,#ccc);border-radius:25px 25px 25px 5px;color:#777;display:flex;flex-direction:column;font-size:1.2rem;margin:2px auto 0 5px;max-width:60%;overflow-wrap:break-word;padding:10px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sended-message .message span{color:#888;font-size:.7rem;font-weight:400;margin:6px 0 0 auto}.chat-box{align-items:center;background:#5a96ac;border-radius:50px;bottom:15px;display:flex;justify-content:center;justify-content:space-around;left:0;margin:0 2.5%;padding:5px 10px;position:absolute;width:95%}.chat-box input{background:none;border:none;border-radius:30px;color:#fff;display:flex;flex-grow:2;font-size:1rem;padding:15px;resize:none;white-space:normal}.chat-box input::placeholder{color:#fff;font-size:1.2rem;padding-top:6px}.chat-box input:focus{outline-color:#fff0}.chat-btn{background:none;border:none;color:#fff;font-size:1.6rem;margin:0 10px;padding-top:3px;transition:.5s}.chat-btn:hover{color:#dedb2f}.emoji-picker-container{background-color:#fff;border:1px solid #ccc;border-radius:30px;bottom:6vh;box-shadow:0 2px 4px rgba(0,0,0,.102);left:-4%;opacity:.9;overflow-y:auto;position:absolute;transform:scale(.8);z-index:100}.darkmode{z-index:20}.darkmode:after{background:linear-gradient(rgba(6,38,31,.843),hsla(0,0%,4%,.824));content:"";height:100vh;left:0;position:absolute;top:0;width:100%}.darkmode .chat-box,.darkmode .chat-navigation,.darkmode .night-mode{background:#1f755d;z-index:20}.darkmode .messages .list .textMessage .message-box .user{color:#fff}.darkmode .messages .list .textMessage .message-box .message-profile{border:2px solid #1f755d}.darkmode .messages .list .textMessage .message{background:linear-gradient(90deg,#eee,#ccc);color:#555}.darkmode .messages .list .textMessage .message span{color:#222}@media only screen and (min-width:850px){main{display:grid;grid-template-columns:2.5fr 1.5fr;overflow:hidden}.desktop-bg{box-shadow:0 0 10px 5px rgba(11,38,62,.384);display:block;height:100vh;position:relative;z-index:5}.desktop-bg img{filter:grayscale(100%);height:100%;object-fit:cover;opacity:.2;width:100%}.desktop-bg h1{color:#fff;font-family:Righteous,cursive;font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .7s linear;z-index:5}.desktop-bg h1:hover{font-size:3.2rem}.desktop-bg:after{background:linear-gradient(45deg,rgba(17,81,105,.851),rgba(13,64,82,.706));content:"";height:100vh;height:100%;left:0;position:absolute;top:0;width:100%}.darkmode .desktop-bg{box-shadow:0 0 10px 5px rgba(15,58,40,.227)}.darkmode .desktop-bg:after{background:linear-gradient(-45deg,rgba(19,92,76,.843),hsla(0,0%,4%,.686));content:"";height:100vh;height:100%;left:0;position:absolute;top:0;width:100%}.darkmode .desktop-bg h1{color:#fff}.chat-app-img,.section-text-app{height:100vh;width:100%}.bottom-links{bottom:15px;left:10px;position:absolute;width:100%;z-index:10}.bottom-links a{background-color:rgba(34,34,34,.451);border-radius:30px;color:#fff;font-size:1rem;margin:0 2px;padding:5px 15px;text-decoration:none;transition:all .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bottom-links a:hover{background-color:#fff6;color:#222;padding:5px 20px}}
/*# sourceMappingURL=main.8e8d5524.css.map*/