body{margin:0;padding:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.App-header{background-color:#262626;overflow:visible;width:100%;text-align:center;color:#fff}.Messages-list{width:100%;max-width:90vw;align-self:center;margin:0 auto;list-style:none;padding-left:0;flex-grow:1;overflow:auto}.Messages-message{display:flex;margin-top:10px}.Messages-message.currentMember{flex-direction:row-reverse;text-align:right}.Message-content{display:inline-block}.currentMember>.Message-content{align-items:flex-end}.Messages-message>.avatar{height:35px;width:35px;border-radius:50%;display:inline-block;margin:0 10px -10px}.Message-content>.username{display:block;color:grey;font-size:14px;padding-bottom:4px}.Message-content>.text{padding:10px;max-width:400px;margin:0;border-radius:12px;background-color:#6495ed;color:#fff;display:inline-block}.currentMember>.Message-content .text{background-color:#ff4500}form{display:flex;width:100%;justify-content:space-between;max-width:900px;margin:0 auto 40px}input{padding:5px;border-radius:8px;border:1px solid #ff4500;flex-grow:1}button,input{font-size:16px}button{padding:5px 10px;background-color:#ff4500;color:#fff;border:none;border-radius:8px;margin-left:10px}.markerHolder{height:50px;width:60px;float:right}.marker{top:10px;font-size:60px!important;position:absolute}.markerText{top:0;right:0;position:absolute;font-size:20px}.event{position:absolute;bottom:0;width:100%;min-height:15vh;background-color:#262626;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .4s;transition:all .4s;color:#fff}.event svg{padding:10px;fill:#fff;font-size:50px!important}.event_active{position:absolute;bottom:0;width:100%;min-height:15vh;background-color:#262626;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .2s;transition:all .2s;color:#fff}.event_active svg{padding:10px;fill:#fff;font-size:50px!important}.event--top{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .4s;transition:all .4s}.event--top,.event--top_active{position:absolute;top:0;width:100%;min-height:10vh;background-color:#262626;text-align:center;z-index:1101;color:#fff}.event--top_active{-webkit-transform:translateY(0);transform:translateY(0)}.event--top_active,.header{-webkit-transition:all .2s;transition:all .2s}.header{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.header_active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .2s;transition:all .2s}.Input,.Messages-list{max-width:90vw;align-self:center;width:100%}.Input{padding-top:30px}.member-list-div{top:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.member-list-div,.member-list-div_active{background-color:#fff;position:absolute;width:80vw;height:80vh;max-height:80vh;max-width:500px;left:50%;display:flex;flex-direction:column;overflow:auto;-webkit-transition:all .5s;transition:all .5s}.member-list-div_active{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chat-member{list-style-type:none;padding-top:15px;padding-bottom:15px}.chat-member img{max-height:50px;max-width:50px;float:left;margin-right:20px}.member-desc-holder{display:flex;float:left;flex-direction:column;justify-content:center}.member-name{margin-bottom:0;margin-top:0}.member-online{margin-top:5px;margin-bottom:0}.member-message{float:right;display:flex;align-items:center;justify-content:center}.cross{position:absolute;right:10px;top:10px}.cross,.trigger{cursor:pointer}
/*# sourceMappingURL=main.393e9f41.chunk.css.map */