.outerContainer{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#0a0a0a}.container{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:8px;height:90%;width:40%}@media (min-width:320px) and (max-width:480px){.outerContainer{height:100vh}.container{width:95%;height:95vh}}@media (min-width:480px) and (max-width:1200px){.container{width:70%}}.textContainer{overflow:hidden;display:flex;flex-direction:column;top:0;margin-left:100px;color:#fff;height:99vh;justify-content:space-between;font-family:cursive}.video-container{margin:0;padding:0;top:0}.activeContainer{font-family:fantasy;display:grid;align-items:center;margin-bottom:10%;top:0}.videoPlayer{top:0}.videoLink{height:3rem;width:85%;font-style:italic;border-radius:5px 0 0 5px}.videoUpload{width:15%;padding:2px;background-color:#602b9d;color:#fff;border-radius:0 8px 8px 0;cursor:pointer}.videoUpload:hover{color:#fff}.videoForm{width:30%;position:fixed;display:flex;border-radius:10px;right:3rem;border:3px solid #646464}.chat-logo{width:4rem;position:relative;top:20px}.activeItem{display:flex;align-items:center}.activeContainer img{padding-left:10px}.textContainer h1{margin-bottom:0}@media (min-width:320px) and (max-width:1800px){.videoUpload{font-size:x-small}}@media (min-width:320px) and (max-width:1200px){.textContainer{display:none}}.messageBox{background:#f3f3f3;border-radius:20px;padding:5px 20px;color:#000;display:inline-block;max-width:80%}.messageText{width:100%;letter-spacing:0;float:left;font-size:1.1em;word-wrap:break-word}.messageText img{vertical-align:middle}.messageContainer{display:flex;justify-content:flex-end;padding:0 5%;margin-top:3px}.sentText{display:flex;align-items:center;font-family:Helvetica;color:#828282;letter-spacing:.3px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.justifyStart{justify-content:flex-start}.justifyEnd{justify-content:flex-end}.colorWhite{color:#fff}.colorDark{color:#353535}.backgroundBlue{background:#7740b6}.backgroundLight{background:#f3f3f3}.messages{padding:5% 0;overflow:auto;flex:auto}.infoBar{justify-content:space-between;background:#602b9d;border-radius:8px 8px 0 0;height:60px;width:100%}.infoBar,.leftInnerContainer{display:flex;align-items:center}.leftInnerContainer{flex:0.5 1;margin-left:5%;color:#fff}.rightInnerContainer{display:flex;flex:0.5 1;justify-content:flex-end;margin-right:5%}.onlineIcon{margin-right:5%}.form{display:flex;border-top:2px solid #d3d3d3}.input{border:none;border-radius:0 0 10px 10px;padding:2%;width:80%;font-size:1.2em}input:focus,select:focus,textarea:focus{outline:none}.location-logo{width:2rem;position:relative;align-items:center}.sendButton{background-color:#602b9d;border:none;border-radius:0 0 8px 0;width:15%}.sendButton,.sendButton1{color:#fff!important;text-transform:uppercase;text-decoration:none;padding:10px;font-size:1rem;display:inline-block;cursor:pointer}.sendButton1{margin-right:.2%;width:13%}.sendButton1,.sendLocation{background:#602b9d;border:none}.sendLocation{width:1rem;color:#fff!important;text-transform:uppercase;text-decoration:none;margin:10px 2px 10px 5px;position:relative;border-radius:50px;width:10%;cursor:pointer;display:inline-block;overflow:hidden}@media (min-width:320px) and (max-width:970px){.location-logo{width:1.5rem;right:50%}.sendButton{font-size:x-small;width:20%;padding:20px}.sendButton1{font-size:x-small;margin-right:.1%}.sendLocation{width:4rem;font-size:x-small;padding:10px}}@media (min-width:320px) and (max-width:1800px){.sendButton,.sendButton1,.sendLocation{font-size:x-small}.sendLocation{padding:15px}}body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}.App-logo{height:100vh;pointer-events:none;position:absolute;align-items:left;left:0}.joinOuterContainer{display:flex;justify-content:center;text-align:center;height:100vh;width:100%;align-items:center;background-color:#16162c}.joinInnerContainer{position:relative;align-items:center;left:-5%;top:10%;width:20%;margin:20px}.upper-line{position:relative;right:-400px;top:-200px;width:50%;overflow-wrap:break-word;word-wrap:break-word}.lower-line,.upper-line{color:#fff;font-size:2rem}.lower-line{position:absolute;right:200px;top:120px}.joinInput{border-radius:0;padding:15px 20px;width:100%}#Join-button{margin:20px -20px -20px 20px}.heading{color:#fff;font-size:2.5em;padding-bottom:10px;padding-left:10px;margin-left:20px;border-bottom:2px solid #fff}.button{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#2979ff;padding:20px;border-radius:5px;display:inline-block;border:none;width:100%}button:hover{color:green}.mt-20{margin-top:20px}@media (min-width:320px) and (max-width:480px){.joinOuterContainer{height:100%;align-items:center}.joinInnerContainer{width:100%}.App-logo{display:none}}@media (min-width:320px) and (max-width:1000px){.joinOuterContainer{height:100%;align-items:center;overflow:hidden}.upper-line{width:80%;position:fixed;top:10px;height:50vh;left:30px;margin:50px 10px 10px}#Join-button{margin:20px -20px;width:70%}.joinInnerContainer{width:50%;height:100vh;bottom:-20%;align-items:center;margin-left:-20%;margin-bottom:20%;bottom:-300px;left:10%;overflow:hidden}.App-logo{display:none}}button:focus{outline:0}
/*# sourceMappingURL=main.267a11a0.chunk.css.map */