html,body{margin:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000 url("../images/background.jpg") center/cover no-repeat fixed;font-family:"Raleway",monospace;font-size:15px;line-height:20px;color:#fff;font-synthesis:none;-moz-font-feature-settings:"kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:90vh}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;max-width:1140px;position:absolute;top:0px}.header .version{margin:32px 10px 32px 0px;font-optical-sizing:auto;color:#18ffff}.messages{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:1140px;overflow-x:hidden;overflow-y:scroll;color:#000;border:none;border-top:solid 1px #ff1744}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{width:4px;margin-right:4px;border-radius:2px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.messages::-webkit-scrollbar-track{display:none}.messages .bubble{padding:8px 15px}.messages .bubble.user{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:10px 31px 0px 10px;color:#fff;background:rgba(0,0,0,.75);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:none;border-top:solid 1px #40c4ff;border-radius:20px 20px 5px 20px}.messages .bubble.recipient{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;margin:10px 10px 0px 31px;color:#fff;background:rgba(0,0,0,.75);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:none;border-bottom:solid 1px #18ffff;border-radius:5px 20px 20px 20px}.user-message-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;max-width:1140px;position:absolute;bottom:0px}.user-message-wrapper .scenes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 10px 0 10px;font-weight:500}.user-message-wrapper .user-input{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;margin:10px 10px 48px 10px;padding:0 10px 0 10px;font-family:"Raleway",monospace;font-size:15px;color:#fcc;background:rgba(0,0,0,.75);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);outline:none;border:none;border-bottom:solid 2px #fcc;-webkit-box-shadow:none;box-shadow:none}