*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:sans-serif;font-size:16px;max-width:100vw;scrollbar-width:none}button,input{cursor:pointer}.App{background-attachment:fixed;background-image:url(/static/media/OIG2..5e1996e78ee5c6b4d5ee.jpg);color:#4c768d;min-height:100vh;padding-top:60px;width:100%}.nav-bar{align-items:center;background-color:#171b1e;color:#b1b1b3;display:flex;height:60px;justify-content:space-between;left:0;padding:10px 30px;position:fixed;top:0;width:100%;z-index:1}.sign-in{background-color:initial;border:none}.sign-in>img{height:30px;width:auto}.sign-out{background-color:#fff;border:1px solid #1c2c4c;border-radius:5px;color:#000;font-weight:600;padding:5px 10px}.welcome{align-items:center;background-image:url(/static/media/white-painted-wall-texture-background.339e5e6a59d6a3cdff82.jpg);color:#7cc5d9;display:flex;flex-direction:column;margin-top:0;padding:139.5px;text-align:center}.welcome :is(h2,p,img){margin-bottom:20px}.messages-wrapper{margin-bottom:60px;padding:30px}.fill-up,.messages-wrapper{background-attachment:fixed}.fill-up{flex-grow:1;height:1;margin-bottom:-6px;width:20%}.chat-bubble{align-items:flex-start;background-color:#8485c8;border-radius:20px 20px 20px 0;color:#1c2c4c;display:flex;margin-bottom:20px;max-width:calc(100% - 50px);padding:6px;width:-webkit-max-content;width:max-content}.chat-bubble,.chat-bubble.right{box-shadow:-2px 2px 1px 1px #303030}.chat-bubble.right{background-color:#fff;border-radius:20px 20px 0 20px;margin-left:auto}.chat-bubble__left{border-radius:50%;height:35px;margin-right:10px;width:35px}.user-name{color:#1c2c4c;font-size:.9rem;font-weight:700;margin-bottom:5px}.user-message{word-break:break-all}.message-time{display:block;text-align:right}.send-message{background-color:#171b1e;bottom:0;display:flex;height:47px;margin-bottom:0;padding:20px 30px;position:fixed;width:100%}.send-message>input{background-color:#fff;border:none;border-radius:5px 0 0 5px;color:#1c2c4c;flex-grow:1;font-size:1rem;height:25px;padding:10px}.send-message>input:placeholder{color:#ddd}.send-message>:is(input,button):focus{border-bottom:1px solid #7cc5d9;outline:none}.send-message>button{background-color:#171b1e;border:1px solid #7cc5d9;border-radius:0 5px 5px 0;color:#fff;font-weight:600;height:25px;padding:5px 10px;width:70px}.picture{animation-duration:100s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border-radius:50%;height:240px;mix-blend-mode:multiply;width:240px}h2,p{color:#000}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h2{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:40px;font-weight:700}
/*# sourceMappingURL=main.eec8c499.css.map*/