@import url(https://fonts.googleapis.com/css2?family=Allura&family=Crimson+Text:ital,wght@1,400;1,700&family=Dancing+Script&family=Great+Vibes&family=Mate+SC&family=Norican&family=Pacifico&family=Tangerine&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pattaya&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merienda+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Calistoga&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lily+Script+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cherry+Swash:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Charmonman:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mogra&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{scroll-behavior:smooth}.circle{content:"";width:300px;height:200px;position:absolute;background:linear-gradient(#5a5aec,#5a5aec);border-radius:50%;top:-80px;left:-50px;box-shadow:0 0 10px #000}.columns-landing{position:relative;margin-left:80px}.text-head{font-weight:900;font-size:45px;font-family:"Calistoga",cursive}.change-color{color:#5a5aec;text-shadow:1px 1px #000}.join-button{border:0;background:none;background-color:#92124e;height:50px;width:150px;font-size:20px;color:#fff;margin-top:20px;font-weight:800;border-radius:10px 0 10px 0;transition:.5s linear;font-family:freestyle;margin-left:20px}.join-button:hover{cursor:pointer;box-shadow:0 0 15px #000}.columns-landing-1{margin-top:35px}.columns-landing{display:grid;grid-template-columns:1fr 1fr}.shift{margin-top:120px}.columns-landing-2{background-color:#5a5aec;height:100vh;box-shadow:0 0 15px #000}.image1-out{background-color:#a9fffb;border-radius:10px;margin:180px 50px 50px;padding-bottom:30px;box-shadow:0 0 10px #000}.image1-head{color:#000;font-size:36px;font-weight:800;padding:30px;text-shadow:2px 2px #fff;font-family:freestyle}.login-from-landing,.register-from-landing{border:0;background-color:#92124e;height:50px;width:120px;margin-right:20px;float:right;margin-top:20px;color:#fff;font-size:20px;font-weight:600;padding-left:25px;padding-top:10px;border-radius:20px;text-decoration:none;transition:.5s linear;font-family:"Cherry Swash",cursive}.columns-landing-2 div a,.landing-2 div a{text-decoration:none}.login-from-landing:hover,.register-from-landing:hover{cursor:pointer;box-shadow:0 0 15px #000;width:130px;color:#00ff7f}.style{margin-top:10px;padding:20px}.style div{border-left:10px solid #5a5aec;margin:10px;padding:20px;transition:.5s linear;font-size:16px;font-weight:700}.style div:hover{border-left:30px solid #5a5aec}.theme-change{border:none;background:none;margin-left:90%;margin-top:-100px;font-size:30px;outline:none;cursor:pointer;transition:.4s linear}.fa-cloud-sun{color:orange}.fa-cloud-moon{color:#5841da}.theme-change:hover{opacity:.6}.contact-landing img{height:300px;margin-right:50px}.contact-landing{background:#92124e;box-shadow:0 0 20px #000;width:99.6vw;margin-top:20px}.contact-text-head{font-size:30px;font-weight:700}.contact-text-main{font-size:20px;margin-top:20px;font-family:"Merienda One",cursive}.contact-email{font-size:15px;background-color:#0ff;color:#000;padding:15px;border-radius:20px;width:230px;margin-top:30px;font-weight:600}.about-landing{background-color:#eaeaee;margin-top:20px;box-shadow:0 0 20px #000}.about-head{margin-left:25%;font-size:45px;font-weight:600}.about-main{margin-left:25%;margin-right:15%;margin-top:2%}.about-main span{font-size:35px;font-family:"Pattaya",sans-serif;margin-top:50px}.about-main{font-size:20px}.about-outer{padding:170px 100px}.about-outer img{width:200px;height:50px;margin-left:5%}.set-about{display:flex}.landing-footer{background-color:#5a5aec;box-shadow:0 0 10px #000}.footer-outer{padding:30px;margin-left:35%;color:#fff}.connect-landing-outer{display:flex;padding:140px 50px}.connect-landing{margin-top:10px}.connect-landing-outer img{width:50vw}.connect-head-in{color:#fff;font-size:40px;font-weight:700;text-align:center}.connect-landing{background-color:#595fa9}.connect-main{color:#fff;margin-top:60px}.connect-main-text{margin-top:40px;font-size:25px;text-align:center;font-family:"Crimson Text",serif}.logo{height:65px;width:80px;margin-right:20px}.container-outside{background-color:#000}.dark-circle{content:"";width:300px;height:200px;position:absolute;background:linear-gradient(#eb208f,#5a5aec);border-radius:50%;top:-80px;left:-50px;box-shadow:0 0 10px #fff}.dark-landing{position:relative;margin-left:80px}.dark-text-head{font-weight:900;font-size:45px;font-family:"Calistoga",cursive;color:#fff}.dark-change-color{color:#ca1369}.dark-join-button{border:0;background:none;background-color:#ebeb0e;height:50px;width:150px;font-size:20px;margin-top:20px;font-weight:600;border-radius:10px 0 10px 0;transition:.5s linear;font-family:freestyle;margin-left:20px}.dark-join-button:hover{cursor:pointer;box-shadow:0 0 15px snow}.dark-landing{display:grid;grid-template-columns:1fr 1fr}.shift{margin-top:70px}.landing-1{margin-top:35px}.landing-2{background-color:snow;height:100vh;box-shadow:0 0 10px #fff}.dark-image1-out{background-color:#92124e;border-radius:10px;margin:180px 50px 50px;padding-bottom:30px;box-shadow:0 0 10px #0f0f0f}.image1{height:300px;width:500px;margin-left:65px;margin-bottom:30px;border-radius:20px;box-shadow:0 0 10px #000}.dark-image1-head{color:#000;font-size:36px;font-weight:800;padding:30px;color:#fff;font-family:freestyle}.dark-login,.dark-register{border:0;background-color:#36081d;height:50px;width:120px;margin-right:20px;float:right;margin-top:20px;font-size:20px;font-weight:600;padding-left:25px;padding-top:10px;text-decoration:none;color:azure;border-radius:20px;transition:.5s linear;font-family:"Cherry Swash",cursive}.dark-login:hover,.dark-register:hover{cursor:pointer;box-shadow:0 0 15px snow;width:130px;color:bisque}.dark-style{margin-top:10px;padding:20px}.dark-style div{border-left:10px solid #0ff;margin:10px;padding:20px;transition:.5s linear;font-size:16px;font-weight:700;color:#fff}.dark-style div:hover{border-left:30px solid #0ff}.dark-contact-landing img{height:300px;margin-right:50px}.dark-contact-landing{background:#feffbe;box-shadow:0 0 20px #000;margin-top:20px;width:99.6vw}.contact-up{display:flex;color:#fff;margin-left:25%;padding:150px 30px}.contact-text{margin-top:5%}.dark-contact-text-head{font-size:30px;font-weight:700;color:#000}.dark-contact-text-main{font-size:20px;margin-top:20px;color:#000;font-family:"Merienda One",cursive}.dark-contact-email{font-size:15px;background-color:#92124e;color:#fff;padding:15px;border-radius:20px;width:230px;margin-top:30px;font-weight:600}.dark-about-landing{background-color:#eaeaee;margin-top:20px;box-shadow:0 0 20px #000}.dark-about-head{margin-left:25%;font-size:45px;font-weight:600}.dark-about-main{margin-left:25%;margin-right:15%;margin-top:2%}.dark-about-main span{font-size:35px;font-family:"Pattaya",sans-serif}.dark-about-main{font-size:20px}.dark-about-outer{padding:170px 100px;color:#fff}.dark-about-outer img{width:200px;height:50px;margin-left:5%}.dark-set-about{display:flex}.dark-landing-footer{background-color:#5a5aec;box-shadow:0 0 10px #000}.dark-footer-outer{padding:30px;margin-left:35%;color:#fff}.dark-connect-landing-outer{display:flex;padding:140px 50px}.dark-connect-landing{margin-top:20px}.dark-connect-landing-outer img{width:50vw}.dark-connect-head-in{color:#fff;font-size:40px;font-weight:700;text-align:center}.dark-connect-landing{background-color:#595fa9}.dark-connect-main{color:#fff;margin-top:60px}.dark-connect-main-text{margin-top:40px;font-size:25px;text-align:center;font-family:"Crimson Text",serif}.join{font-size:20px;border:2px solid #080808;padding:8px;border-radius:10px;margin-right:20px;width:200px}.join:focus{outline:none;box-shadow:0 0 10px #5a5aec;border:0}.join::placeholder{font-family:monospace}@media only screen and (max-width:1450px){.image1{height:350px;width:550px;margin-left:20px;margin-right:20px}}@media only screen and (max-width:600px){.columns-landing,.dark-landing{display:grid;grid-template-columns:auto;margin-left:20px}.dark-text-head,.text-head{font-size:20px}.theme-change{margin-left:250px}.image1{height:150px;width:250px;margin-left:20px;margin-right:20px}.columns-landing-2,.landing-2{height:350px;margin-right:10px}.dark-image1-out,.image1-out{margin:10px;padding:10px;height:320px}.dark-image1-head,.image1-head{font-size:20px;margin-top:20px}.dark-login,.dark-register,.login-from-landing,.register-from-landing{height:40px;width:90px;padding-left:15px;font-size:15px;margin-right:10px}.contact-up{display:grid;grid-template-columns:auto;margin-left:10px;padding-top:50px;padding-bottom:50px}.about-head,.dark-about-head{margin-left:10px;font-size:30px}.about-main,.dark-about-main{margin-left:10px;margin-right:10px;font-size:15px}.about-main span,.dark-about-main span{font-size:20px}.about-outer,.dark-about-outer{padding:100px 25px}.set-about{display:grid;grid-template-columns:auto}.dark-footer-outer,.footer-outer{margin-left:10px}.connect-landing-outer,.dark-connect-landing-outer{display:grid;grid-template-columns:auto;padding:70px 15px}.connect-landing-outer img,.dark-connect-landing-outer img{width:90vw}.join{margin-top:20px}.contact-up img{width:80vw}.contact-text-main,.dark-contact-text-main{font-size:15px}}.meeting-details{color:#fff;font-size:18px}.meeting-details button i{font-size:25px;margin-left:20px}.meeting-button{border:0;font-size:18px;padding:15px;width:100%;background:none;height:100%;color:#fff}.meeting-hide{display:none}.meeting-button:hover{background:#1e1e1e;cursor:pointer}.meeting-expand{position:fixed;bottom:85px;background-color:#4169e1;padding:25px;margin-left:-100px}.meeting-head{font-size:25px;font-weight:600}.meeting-id{font-size:20px;margin-top:10px}.meeting-id span{font-weight:700}.copy-text-input{border:none;width:100%;padding:10px;margin-top:10px}.copy-text-input:focus{outline:none}.copy-text-button{background-color:#000;border:0;font-size:18px;padding:15px;width:200px;height:100%;margin-left:40px;margin-top:20px;color:#fff}.copy-text-button:hover{background-color:#242323}@media screen and (max-width:1200px){.meeting-button{margin-left:1px;width:50px}.meeting-details button i{margin-left:1px}.meeting-button span{display:none}.meeting-expand{margin-left:-300px;bottom:90px}}@media screen and (max-width:1400px){.meeting-button,.meeting-details button i{margin-left:1px}.meeting-expand{margin-left:-200px;bottom:100px}}@media screen and (max-width:1000px){.meeting-button{margin-left:1px;width:50px}.meeting-details button i{margin-left:1px}.meeting-button span{display:none}.meeting-expand{margin-left:-300px;bottom:130px}}@media screen and (max-width:600px){.meeting-button{margin-left:1px;width:50px}.meeting-details button i{margin-left:1px}.meeting-button span{display:none}.meeting-expand{margin-left:-300px}}.outer-button{background-color:#000;display:grid;grid-template-columns:30% 55% 15%;width:100%}.primary{background-color:#fff;color:#5a5aec}.danger,.primary{height:50px;width:50px;font-size:25px;border:0;border-radius:50%}.danger{background-color:#b22222;color:#fff}.leave,.share{border:0;height:45px;width:120px;font-weight:800;color:#fff}.share{background-color:#5a5aec;border-radius:10px}.share:hover{box-shadow:0 0 10px #5a5aec;cursor:pointer}.danger:hover,.leave:hover{box-shadow:0 0 15px #b22222;cursor:pointer}.primary:hover{box-shadow:0 0 15px #5a5aec;cursor:pointer}.dark-outer-button{background-color:#000;display:grid;grid-template-columns:30% 55% 15%}.centered button{margin-right:20px}.dark-primary{background-color:#ff0;color:#000}.dark-danger,.dark-primary{height:50px;width:50px;font-size:25px;border:0;border-radius:50%}.dark-danger{background-color:#b22222;color:#fff}.dark-share,.leave{border:0;height:45px;width:120px;font-weight:800;color:#fff}.leave{background-color:#b22222;border-radius:10px}.dark-share{background-color:#1d8a13;border-radius:10px}.dark-share:hover{box-shadow:0 0 10px #1d8a13;cursor:pointer}.danger:focus,.leave:focus,.primary:focus,.share:focus{outline:none}.dark-danger:hover,.dark-leave:hover{box-shadow:0 0 15px #b22222;cursor:pointer}.dark-primary:hover{box-shadow:0 0 15px #ff0;cursor:pointer}.raise-hand{background:0;border:0;font-size:40px;margin-left:30px;margin-bottom:-10px}.raise-hand i{color:#caab22;transition:.3s linear}.raise-hand i:hover{color:#c29e00;font-size:43px}@media screen and (max-width:1200px){.dark-share,.share{display:none}}@media screen and (max-width:600px){.dark-share,.share{display:none}.dark-outer-button,.outer-button{display:flex;bottom:0;padding-left:0;width:100%}.time{display:none}.centered{margin-right:0;display:flex}.centered button{margin-right:10px}.raise-hand{margin-left:1px}}.Room{background-color:#e3e7e5;width:100%;height:100%;min-height:100vh}.room-container{display:flex}.video{margin-top:10px;height:250px;width:332px;box-shadow:0 0 20px #000;border:2px solid #000}.video-name{background:#000;color:#fff;padding:10px;text-align:center;justify-content:center;margin-right:200px}.screen{height:85%;width:90%;border-radius:10px}.dark-screen-open,.screen-open{height:100%;width:105%;border-radius:10px}.columns{width:95vw;padding-left:10px;padding-bottom:10px}.columns,.columns-open{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:140px}.columns-open{width:65vw;margin-right:20vw;padding-top:20px;padding-left:20px}.columns div{margin-top:10px;margin-left:10px}.dark-Room{background-color:#3e3f3e;width:100%;height:100%;min-height:100vh}.dark-room-container{display:flex}.dark-video{margin-top:10px;height:250px;width:332px;box-shadow:0 0 20px #000;border:2px solid #000}.dark-screen{height:85%;width:90%;border-radius:10px}.dark-columns{width:95vw;padding-left:10px;padding-bottom:10px}.dark-columns,.dark-columns-open{display:flex;justify-content:space-around;flex-wrap:wrap;margin-bottom:140px}.dark-columns-open{width:65vw;margin-right:20vw;padding-top:20px;padding-left:20px}.dark-columns div{margin-top:10px}.alert-outer-raise{position:fixed;margin-left:50px;bottom:100px;width:300px;color:#000;background-color:#ffdd94;padding:20px;font-size:20px;font-weight:700;border-radius:10px;box-shadow:0 0 10px salmon}.hide{display:none}.single div .dark-video,.single div .video{height:490px;width:655px;border:2px solid #000}.double div .dark-video,.double div .video{height:400px;width:533px;border:2px solid #000}.double-open div .dark-video,.double-open div .video{height:295px;width:390px;border:2px solid #000}.triple div .dark-video,.triple div .video{height:290px;width:390px;border:2px solid #000}.show-users{position:fixed;right:70px;background:#05ff97;width:300px;height:500px;top:60px}.hide-users{display:none}.users-head{font-size:25px;padding:10px;font-weight:600}.users{list-style-type:none;background:#000;padding:9px;min-height:450px;overflow-y:scroll}.no-user{color:#fff}.users li{margin:5px 0;padding:10px 20px;font-size:20px;background:hsla(0,0%,100%,.1);display:flex;border-bottom:2px solid #fff}.user-logo{height:40px;width:40px;border-radius:50%;font-size:30px;text-align:center;text-transform:uppercase}.users li:nth-child(odd) .user-logo{background-color:#05ff97}.users li:nth-child(2n) .user-logo{background-color:violet}.user-name{color:#fff;padding-left:20px}.users li:hover .user-logo{box-shadow:0 0 5px 5px #727171}.users li:hover{transform:scale(1.06)}@media screen and (max-width:600px){.Room{height:100%;margin-top:50px;overflow-y:hidden}.columns,.dark-columns{width:90vw;padding-top:20px;padding-left:10px}.columns-open,.dark-columns-open{display:none}.dark-video,.double-open div .dark-video,.double-open div .video,.double div .dark-video,.double div .video,.single div .dark-video,.single div .video,.triple div .dark-video,.triple div .video,.video{height:190px;width:255px;border:2px solid #000}.video-name{margin-right:100px}.show-users{right:20px;height:450px}.users{min-height:400px}}.alert-outer{position:fixed;margin-left:50px;bottom:100px;width:300px;flex-wrap:wrap}.login{position:relative;width:100%;background-color:#fff;height:100vh;overflow:hidden}.login:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-45deg,#4481eb,#04befe);transition:1.8s ease-in-out;border-radius:50%}.forms-container{display:flex}.forms-container form{display:flex;flex-direction:column}.login-image{width:100%;transition:transform 1.1s ease-in-out;transition-delay:.4s;height:400px;margin-top:300px;margin-right:100px}.input-login{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-login i{text-align:center;line-height:55px;color:#acacac;transition:.5s;font-size:1.1rem}.input-login input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-login input::placeholder{color:#aaa;font-weight:500}.submit-login{width:150px;background-color:#5995fd;border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.new-user{border:0;background:0;color:#4481eb}.new-user:hover{text-decoration:underline}.submit-login:hover{background-color:#4d84e2}.preview-video{width:332px;height:250px}@media (max-width:570px){.login-image{display:none}.login{padding:1.5rem}.login:before{bottom:72%;left:50%}}.register{position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.register:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-45deg,#4481eb,#04befe);transition:1.8s ease-in-out;border-radius:50%}.forms-container{position:absolute;width:100%;height:100vh;top:0;left:0}.forms-container form{align-items:center;justify-content:center;margin-right:200px;padding:0 5rem;transition:all .2s .7s}.forms-container-div{margin-top:50px}.title{font-size:2.2rem;color:#444;margin-bottom:10px}.register-image{width:100%;transition:transform 1.1s ease-in-out;transition-delay:.4s;height:500px;margin-top:200px;margin-right:100px}.input-register{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-register i{text-align:center;line-height:55px;color:#acacac;transition:.5s;font-size:1.1rem}.input-register input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-register input::placeholder{color:#aaa;font-weight:500}.old-user{border:0;background:0;color:#4481eb}.old-user:hover{text-decoration:underline}.login-profile{height:150px}.hide-form{display:none!important}.hide-verify{visibility:hidden}.verify{margin-top:150px}.verify input{outline:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333;padding:20px;border-radius:30px}.submit-register{width:150px;background-color:#5995fd;border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.submit-register:hover{background-color:#4d84e2}@media (max-width:570px){.register-image{display:none}.register{padding:1.5rem}.register:before{bottom:72%;left:50%}}.chat{background-color:#b8b9bd;height:100vh;width:25%;position:fixed;right:0;animation-name:example;animation-duration:1s;z-index:5}.hide-chat{visibility:hidden}.form-button{height:50px;width:70px;font-size:50px;background:none;border:0;color:#4d464d}.form-button i:hover{cursor:pointer;box-shadow:0 0 10px #4d464d;border-radius:50%}.heading-chat{font-size:25px;font-weight:700;background-color:#5a5aec;color:#fff;padding:15px}.exit-chat{margin-left:150px;border:0;background:none;font-size:xx-large;color:#fff;border-radius:50%;height:45px;width:45px;transition:.6s linear}.exit-chat:hover{opacity:.6;cursor:pointer;background-color:#a7a4a4}.my-text{background-color:#535355}.chatbox{overflow-y:scroll;height:75vh;scroll-behavior:smooth}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#3d3e86;border-radius:12px}.dark-chat{background-color:#f7f797;height:100vh;width:25%;position:fixed;right:0;animation-name:example;animation-duration:1s}@keyframes example{0%{opacity:0}to{opacity:1}}.bottom-box{position:absolute;bottom:15px;margin-left:20px}.hide-chat{display:none}.form-input{height:50px;width:260px;border-radius:20px;padding:10px;border:0;font-size:20px}.form-input:focus{outline:none;box-shadow:0 0 15px #00f}.dark-form-button{height:50px;width:70px;font-size:50px;background:none;border:0;color:#92124e}.dark-form-button i:hover{cursor:pointer;box-shadow:0 0 10px #4d464d;border-radius:50%}.dark-heading-chat{font-size:25px;font-weight:700;background-color:#92124e;color:#fff;padding:15px}.smallspan{font-size:10px;margin-left:150px}.new-text{background-color:#fff;color:#000;margin-left:20px;border-radius:5px 20px;border-radius:0 10px 10px 10px}.my-text,.new-text{max-width:220px;margin-top:15px;padding:10px;word-wrap:break-word}.my-text{background-color:#000;color:#fff;margin-left:150px;border-radius:10px 0 10px 10px}.dark-chatbox{overflow-y:scroll;height:80vh;scroll-behavior:smooth}.name-div{font-size:15px;opacity:1;font-weight:700}@media screen and (max-width:1400px){.chat,.dark-chat{width:30vw;height:98vh}.exit-chat{margin-left:120px}.chatbox{overflow-y:scroll;height:75vh;scroll-behavior:smooth}}@media screen and (max-width:1100px){.chat,.dark-chat{width:35vw;height:100vh}.exit-chat{margin-left:100px}.chatbox{height:80vh}}@media screen and (max-width:800px){.chat,.dark-chat{width:50vw;height:100vh}.exit-chat{margin-left:100px}}@media screen and (max-width:600px){.chat,.dark-chat{width:100vw;height:100vh}.chatbox{overflow-y:scroll;height:75vh;scroll-behavior:smooth}}.connect{background-image:linear-gradient(#fffbc0,#eb8787);height:60vh;width:20%;margin-top:50px;position:fixed;right:70px;border-radius:20px 0 20px 20px;border:2px solid #000;box-shadow:0 0 10px pink}.connect-out-button{height:50px;width:60px;color:#fff;font-size:30px;background:none;border:0}.connect-out-button:hover{background-color:#5856c4;cursor:pointer}.connect-head{height:70px;color:#000;font-size:20px;font-weight:700;padding:20px 10px 10px}.connect-form{display:grid;grid-template-columns:auto;height:50vh;background-size:contain}.connect-form label{font-size:20px;font-weight:700;margin:10px;height:50px}.connect-input{margin-left:10%;margin-right:10%;border:0;background:none;height:35px;border-bottom:2px solid #000;font-size:17px;transition:.3s linear}.connect-input::placeholder{color:#fff;opacity:.6}.connect-input:focus{outline:none;padding-bottom:15px}.send-connect{margin-top:30px;margin-left:35%;margin-right:35%;padding:10px;font-size:20px;height:50px;border:0;background:none;color:#fff;background-color:#5856c4}.send-connect:hover{cursor:pointer;box-shadow:0 0 10px #000}@media screen and (max-width:1380px){.connect{width:25vw;height:65vh;right:70px}}@media screen and (max-width:1100px){.connect{width:50vw;height:65vh;right:70px}}@media screen and (max-width:800px){.connect{width:60vw;height:65vh;right:70px}}@media screen and (max-width:600px){.connect{width:80vw;height:65vh;right:20px}}.upper-outer{background-color:#504b4b;height:250px;display:grid;grid-template-columns:auto;width:60px;right:0;position:fixed}.time{width:190px}.participants-button{height:50px;width:60px;color:#fff;font-size:30px;background:none;border:0}.participants-button:hover{background-color:#5a5aec;cursor:pointer}.fa-cloud-sun:hover{color:gold}.fa-cloud-moon:hover{color:#87ceeb}.dark-upper-outer{background-color:#000;height:250px;display:grid;grid-template-columns:auto;width:60px;right:0;position:fixed}.toggle-chat{background:none;border:0;color:#fff;font-size:30px;height:50px;width:60px}.toggle-chat:hover{cursor:pointer;background-color:#5a5aec}.time{color:#fff;font-size:25px;padding:10px;font-weight:600}.theme-display{height:50px;width:60px;color:#fff;font-size:30px;background:none;border:0}@media screen and (max-width:600px){.upper-outer{display:flex;top:0;width:100vw;height:50px;left:0}}.participant-outer{position:fixed;margin-top:50px;height:74vh;width:20%;right:70px;background-color:#030303;border-radius:20px}.raise-head{background-color:#b4b3b3;padding:20px;border-radius:20px 20px 0 0;font-size:20px;font-weight:700}.participants-array div{display:flex;margin:10px;border-radius:20px}.participants-array div .logo{background-color:#000;font-size:30px;font-weight:600;justify-content:center;text-align:center;height:50px;width:50px;border-radius:50%}.participants-array div .name{font-size:20px;color:#000;justify-content:center;text-align:center}.hide-participants{display:none}@media screen and (max-width:1400px){.participant-outer{width:25vw;right:70px;height:70vh}}@media screen and (max-width:800px){.participant-outer{width:55vw;right:70px}}@media screen and (max-width:600px){.participant-outer{width:80vw;right:20px;margin-top:50px}}.thanks-outer{background-color:#e2ecb3;min-height:100vh}.thanks-head{text-align:center;font-size:50px;font-weight:700;font-family:"Pattaya",sans-serif}.thanks-image{width:30vw}.thanks-button{margin-top:30px;text-align:center;margin-left:45%}.feedback-head{text-align:center;margin-top:50px;font-size:30px;font-weight:700}.feedback{margin-top:20px;margin-left:43%;text-align:center;width:220px}.hidden{display:none}.end{font-size:40px;text-align:center;margin-top:100px;font-weight:700}@media screen and (max-width:600px){.thanks-button{margin-left:30%}.feedback{margin-left:25%}}.features{background:#000;color:#fff}.features-head{display:grid;grid-template-columns:15% 70% 15%;text-align:center;padding:20px}.features-heading{font-size:40px;font-family:"Merienda One",cursive}.home{background-color:plum;color:#000;text-align:center;margin-left:50px;padding-top:10px;height:50px;border-radius:30px;text-decoration:none;font-size:20px;font-weight:700}.features-1{background:url(https://i.vimeocdn.com/video/529927355_1280x720.jpg);background-size:cover;color:#fff;display:grid;grid-template-columns:auto auto auto;justify-content:space-around;font-size:30px;padding:20px 80px 80px;height:620px}.feature{padding:30px;font-weight:700}.feature,.feature a{color:#fff}.features-1 i{font-size:90px}.feature i:hover{color:#eb6bf7;cursor:pointer}.feature-grid{display:grid;grid-template-columns:1fr 1fr}.feature-toggle img{width:100%;padding:30px}.feature-toggle{display:grid;grid-template-columns:1fr 1fr}.feature-grid img{width:100%;padding:30px}.outer-one,.raise-outer,.toggle-outer{text-align:center;font-weight:700}.heading,.heading-dark{font-size:40px;color:#00ffea;font-family:"Merriweather",serif}.feature-text{padding:30px 70px;color:#bdff9e;font-family:"Dancing Script",cursive;font-size:30px}.outer-one,.raise-outer,.toggle-outer{background-color:#b9b4b9;box-shadow:0 0 10px #8b8b8b;margin:30px;padding:20px}.outer-one{background-color:#3f3f3e}.heading-dark,.text-dark{color:indigo}.room-1-outer{float:right;height:100vh;width:70%;margin-bottom:0;background-color:#f0f0f0;box-shadow:0 0 10px #474747}.root-chat{float:left;width:30%;height:100vh;padding:20px;background-color:#a89dee}.join-meet{width:30%}.join-meet,.show-parti{margin-top:-7px;font-weight:600}.show-parti{width:35%;margin-right:10px}.copy-id{background:none;border:none;color:#fff;padding:0 0 0 20px;font-size:30px;margin-top:-10px}.copy-id:hover{background:none;border:0;cursor:pointer;color:#000}.hide-this{display:none}.chat-sidebar{display:flex}.chat-sidebar div button{font-size:20px;padding:5px;margin:10px}.team-head{padding:20px;font-size:30px;text-align:center}.team-head,.team-list{background-color:#f0f0f0;box-shadow:0 0 10px #474747;border-radius:10px}.team-list{height:75vh;overflow-y:scroll;padding-top:10px}.team-list div{font-size:17px;text-decoration:none;color:#000;padding-left:10px;padding-right:10px}.break-line{margin:10px;height:1px;background-color:#d3d3d3}Link,Link:hover{text-decoration:none}.team-list div:hover{background-color:#d3d3d3}.chat-header{background-color:#6a5acd;display:grid;grid-template-columns:50% 50%;padding:15px;height:10vh;box-shadow:0 0 10px #474747}.room-name{font-size:25px;color:#fff;font-weight:500;text-transform:uppercase}.room-1-form{background-color:#6a5acd;height:11vh;padding:15px;box-shadow:0 0 10px #474747}.form-button-chat{font-size:20px;width:8vw;border-radius:10px}.room-1-form input{margin-left:20px;height:7vh;outline:none}.room-1-form input:focus{outline:none}.text-input{width:55vw;padding:10px;border-radius:10px}.room-1-mess{height:79vh;overflow-y:scroll;padding:20px}.new-mess{background-color:#fff;margin:5px;padding:20px;flex-wrap:wrap}.name{color:red}.date,.name{font-size:12px}.date{color:#8b4513}.roomName-logo{background-color:#f07;padding:10px;letter-spacing:4px;margin:10px;border-radius:5px;font-weight:700;box-shadow:0 0 10px #000}.leave-group{margin-left:10px;margin-top:-10px}.create-team-btn{width:150px;border-radius:20px;border-width:0;background-color:grey;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}
/*# sourceMappingURL=main.3e10c2c2.chunk.css.map */