html,body{font-family:"Roboto",sans-serif;padding:0;margin:0}#root{height:100vh}*{-webkit-box-sizing:border-box;box-sizing:border-box}.joinOuterContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#1a1a1d}@media(min-width: 320px)and (max-width: 480px){.joinOuterContainer{height:100%}}.joinOuterContainer .joinInnerContainer{width:35%}@media(min-width: 320px)and (max-width: 480px){.joinOuterContainer .joinInnerContainer{width:90%}}.joinOuterContainer .joinInnerContainer .heading{color:#ff9800;font-size:2.5em;padding-bottom:10px;border-bottom:2px solid #ff9800}.joinOuterContainer .joinInnerContainer div .joinInput{border-radius:0;padding:15px 20px;width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:2px solid #ff9800;color:#9e9e9e;font-size:1rem}.joinOuterContainer .joinInnerContainer div .joinInput::-webkit-input-placeholder{color:#ff9800}.joinOuterContainer .joinInnerContainer div .joinInput::-moz-placeholder{color:#ff9800}.joinOuterContainer .joinInnerContainer div .joinInput:-ms-input-placeholder{color:#ff9800}.joinOuterContainer .joinInnerContainer div .joinInput::-ms-input-placeholder{color:#ff9800}.joinOuterContainer .joinInnerContainer div .joinInput::placeholder{color:#ff9800}.joinOuterContainer .joinInnerContainer div .joinInput:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:.4s;transition:.4s}.joinOuterContainer .joinInnerContainer div .joinInput:focus::-ms-input-placeholder{opacity:0;-webkit-transition:.4s;-ms-transition:.4s;transition:.4s}.joinOuterContainer .joinInnerContainer div .joinInput:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.joinOuterContainer .joinInnerContainer div .joinInput:focus:-ms-input-placeholder{opacity:0;-webkit-transition:.4s;-ms-transition:.4s;transition:.4s}.joinOuterContainer .joinInnerContainer div .joinInput:focus::placeholder{opacity:0;-webkit-transition:.4s;transition:.4s}.joinOuterContainer .joinInnerContainer div .joinInput:focus{outline:0}.joinOuterContainer .joinInnerContainer .button{color:#fff;text-transform:uppercase;text-decoration:none;background-color:#f44336;padding:20px;border-radius:5px;display:inline-block;border:none;width:100%;font-size:1rem;cursor:pointer}.joinOuterContainer .joinInnerContainer .button:focus{outline:0}.mt-20{margin-top:20px}::-moz-selection{background-color:#000}::selection{background-color:#000}.outerContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;background-color:#1a1a1d}@media(min-width: 320px)and (max-width: 480px){.outerContainer{height:100%}}.outerContainer .container{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:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;border-radius:8px;height:60%;width:35%}@media(min-width: 320px)and (max-width: 480px){.outerContainer .container{width:100%;height:100%}}@media(min-width: 480px)and (max-width: 1200px){.outerContainer .container{width:60%}}.infoBar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#e91e63;border-radius:4px 4px 0 0;width:100%}.infoBar .leftInnerContainer{-webkit-box-flex:.5;-ms-flex:.5;flex:.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:5%;color:#fff}.infoBar .leftInnerContainer .onlineIcon{margin-right:5%}.infoBar .rightInnerContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:.5;-ms-flex:.5;flex:.5;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-right:5%}.form{display:-webkit-box;display:-ms-flexbox;display:flex}.form .input{border:none;border-radius:0;padding:5%;width:80%;border-top:1px solid #e91e63}.form .input:focus{outline:none}.form .input::-webkit-input-placeholder{color:#e91e63}.form .input::-moz-placeholder{color:#e91e63}.form .input:-ms-input-placeholder{color:#e91e63}.form .input::-ms-input-placeholder{color:#e91e63}.form .input::placeholder{color:#e91e63}.form .input:focus::-webkit-input-placeholder{opacity:0;-webkit-transition:.4s;transition:.4s}.form .input:focus::-ms-input-placeholder{opacity:0;-webkit-transition:.4s;-ms-transition:.4s;transition:.4s}.form .input:focus::-moz-placeholder{opacity:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}.form .input:focus:-ms-input-placeholder{opacity:0;-webkit-transition:.4s;-ms-transition:.4s;transition:.4s}.form .input:focus::placeholder{opacity:0;-webkit-transition:.4s;transition:.4s}.form .sendButton{color:#fff !important;text-transform:uppercase;text-decoration:none;background:#e91e63;padding:20px;display:inline-block;border:none;width:20%;cursor:pointer}::-moz-selection{background-color:#e91e63;color:#fff}::selection{background-color:#e91e63;color:#fff}.messages{padding:5% 0;overflow:auto;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.messageContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 5%;margin-top:3px}.messageContainer.justifyStart{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.messageContainer.justifyEnd{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.messageContainer .sentText{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Helvetica;color:#828282;letter-spacing:.3px}.messageContainer .sentText.pl-10{padding-left:10px}.messageContainer .sentText.pr-10{padding-right:10px}.messageContainer .messageBox{background-color:#e91e63;border-radius:20px;padding:5px 20px;color:#fff;display:inline-block;max-width:80%}.messageContainer .messageBox.backgroundred{background:#e91e63}.messageContainer .messageBox.backgroundLight{background:#f3f3f3}.messageContainer .messageBox .messageText{width:100%;letter-spacing:0;float:left;font-size:1.1em;word-wrap:break-word}.messageContainer .messageBox .messageText.colorWhite{color:#fff}.messageContainer .messageBox .messageText.colorDark{color:#353535}.messageContainer .messageBox .messageText img{vertical-align:middle}.textContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:100px;color:#fff;height:60%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(min-width: 320px)and (max-width: 1200px){.textContainer{display:none}}.textContainer h1{margin-bottom:0px}.textContainer .activeContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50%}.textContainer .activeContainer .activeItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.textContainer .activeContainer .activeItem img{padding-left:10px}body{background-color:#1a1a1d}

/*# sourceMappingURL=main.css.map*/