:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:sans-serif;font-size:16px;margin:0;max-height:100vh;max-width:100vw;overflow:hidden}button,input{cursor:pointer}.nav-bar{align-items:center;background-color:#f5f3f380;color:#242443;display:flex;font-size:12px;height:1 0;justify-content:flex-end;padding:10px 20px;position:fixed;width:95%;z-index:900}.nav-bar .nav-link{color:#000;justify-content:flex-end;margin-right:15px}.nav-bar .nav-link:hover{color:#d00100}.nav-bar button{margin-right:15px}.nav-bar button:hover{color:#d00100}.welcome{flex-direction:column;height:100vh}.sign-in,.welcome{align-items:center;display:flex;justify-content:center}.sign-in{background-color:#fff;border:1px solid #c2c8d0;border-radius:6px;color:#d00100;cursor:pointer;font-size:16px;height:52px;margin-bottom:8px;outline:0;padding:0 16px;position:relative;transition:box-shadow .15s ease-in-out,background-color .15s ease-in-out;width:320px}.logo{left:20px;top:20px;width:150px}.sign-in img{display:inline-block;height:24px;margin-right:12px;width:24px}.sign-in:hover{background-color:#f5f5f5;box-shadow:0 2px 4px #0000001a}.email-login{margin-top:10px;text-align:center}.email-login h3{margin-bottom:10px}.email-login input[type=email],.email-login input[type=password],.email-login input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.email-login button[type=submit]{background-color:#f0f0f0;border:none;border-radius:5px;color:#212121;cursor:pointer;padding:10px;width:100%}.email-login button[type=submit]:hover{background-color:#d00100;color:#fff}.email-login a{color:#d00100;display:block;margin-top:10px;text-decoration:none}.email-login a:hover{text-decoration:underline}.email-login p span{color:#d00100;cursor:pointer}.red{color:red}.reset{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;margin-top:-20%}.reset-password input[type=email],.reset-password input[type=password],.reset-password input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.reset-password button[type=submit]{background-color:#f0f0f0;border:none;border-radius:5px;color:#212121;cursor:pointer;padding:10px;width:100%}.error{color:red;margin-top:10px}.reset-password a{color:#d00100;display:block;margin-top:10px;text-decoration:none}.reset-password a:hover{text-decoration:underline}.reset-password p span{color:#d00100;cursor:pointer}.email-login p span:hover{text-decoration:underline}.App{flex-grow:1;overflow-y:auto;width:100%}.user-name{color:#e0761e;font-size:.9rem;font-weight:700;margin-bottom:5px}.messages-wrapper{margin-left:50x;margin-top:30px;max-height:calc(100vh - 120px);overflow-y:auto}.chat-bubble{word-wrap:break-word;background-color:#f5f3f380;border-radius:10px;box-shadow:2px 2px 2px 2px #d3d3d3;color:#304268;display:flex;flex-direction:column;font-size:14px;margin-bottom:10px;max-width:70%;padding:4px}.own-message{background-color:#2e84f5;color:#fff;margin-left:32%}.message-info{display:flex;font-size:10px;justify-content:space-between}.Welcome{display:fixed;top:20px}.chat-box{display:flex;flex-direction:column;height:100vh}.messages-wrapper::-webkit-scrollbar{width:8px}.messages-wrapper::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.messages-wrapper::-webkit-scrollbar-track{background-color:#ddd}.send-message-container{background-color:#f0f0f0;bottom:10px;padding:10px;position:absolute;width:97%}.send-message{align-items:center;display:flex}.send-message>input{background-color:#fff;border:none;border-radius:5px 5px 5px 5px;color:#1c2c4c;flex-grow:1;font-size:1rem;height:10px;padding:10px}.send-message>input::placeholder{color:#ddd}.send-message>:is(input,button):focus{border-bottom:1px solid #d00100;outline:none}.send-message>button{border:1px solid #d8d8d8;border-radius:0 5px 5px 0;color:#212121;font-weight:600;height:30px;margin-left:10px;padding:5px 10px;width:80px}.send-message>button[type=submit]:hover{background-color:#d00100;color:#fff}.profile-page{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;height:500px;margin:80px auto;max-width:600px;padding:20px}.profile-page h1{font-size:14px;margin-bottom:20px}.profile-page p{font-size:16px;margin-bottom:10px}.profile-page form{margin-bottom:20px;margin-top:20px}.profile-page label{display:block;margin-bottom:5px}.profile-page input[type=password],.profile-page input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:calc(100% - 10px)}.profile-page button[type=submit]{background-color:#f0f0f0;border:none;border-radius:4px;color:#000;cursor:pointer;padding:10px 20px}.profile-page button[type=submit]:hover{background-color:#d00100;color:#fff}.profile-page input[type=checkbox]{display:fixed;margin-right:5px}@media only screen and (min-width:768px){.box{display:flex;flex-direction:column;height:800vh;justify-content:space-between;position:fixed;right:0;top:0;width:300px}.App{padding-top:0}}
/*# sourceMappingURL=main.326ccf0b.css.map*/