*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.landingContainer{height:100vh;width:100vw;background:url(/background.png);background-repeat:no-repeat;background-size:cover;color:#fff}.landingContainer nav{display:flex;justify-content:space-between;padding-inline:2.2rem;padding-block:2rem;align-items:center}.navHeader{font-size:3rem;font-weight:600;cursor:pointer}.navList{display:flex;gap:2.4rem;cursor:pointer}.navList p{font-size:1.4rem;font-weight:400}.navHeader{font-size:1.5rem}.menu-toggle{display:none;font-size:2rem;cursor:pointer}.navList{display:flex;gap:1rem}.link-btn p{margin:0}.landingMainContainer>div:nth-child(1){padding-left:2rem;font-weight:100;font-size:1.3rem;align-items:center}.landingMainContainer>div:nth-child(1) p{padding:.4rem}.landingMainContainer>div:nth-child(1) div[role=button]{background-color:#ff9839;width:fit-content;padding:.8rem;border-radius:.7rem;margin-top:.6rem}.link-btn{text-decoration:none;color:#fff;font-weight:600}.landingMainContainer{display:flex;justify-content:space-between;padding-inline:2rem;height:80vh;align-items:center}.mobile-png{height:70vh;padding-right:2rem}@media (max-width: 768px){.menu-toggle{display:block}.navList{display:none;flex-direction:column;gap:.5rem;background-color:#333;padding:1rem;position:absolute;top:80px;right:2rem;border-radius:8px}.landingMainContainer{flex-direction:column}.mobile-png{height:50vh;width:50vh;width:auto;padding:0}.landingImage{display:flex;align-items:center;justify-content:center}.landingMainContainer>div h1{font-size:x-large;text-align:center}.landingMainContainer>div p{text-align:center}.navList.active{display:flex}.startBtn{margin-left:57px}}@media (max-width: 768px){.randomimg{display:none}}.signin-form{background:#f5f7fa;border-radius:18px;box-shadow:0 4px 24px #0000001a,0 1.5px 6px #00000014;padding:32px 28px 24px;transition:box-shadow .3s,background .3s;border:2px solid #1976d2}.signin-form .MuiInputBase-root{background:#fff;border-radius:8px}.signin-form .MuiButton-contained{background:linear-gradient(90deg,#1976d2 60%,#42a5f5);color:#fff;box-shadow:0 2px 8px #1976d226;border-radius:8px;font-weight:700}.signup-form{background:#fff7f5;border-radius:28px;box-shadow:0 6px 32px #ff57221a,0 2px 8px #ff572214;padding:36px 32px 28px;transition:box-shadow .3s,background .3s;border:2px solid #ff5722}.signup-form .MuiInputBase-root{background:#fff;border-radius:12px}.signup-form .MuiButton-contained{background:linear-gradient(90deg,#ff7043 60%,#ffab91);color:#fff;box-shadow:0 2px 12px #ff704326;border-radius:12px;font-weight:700}.MuiSnackbar-root{z-index:1500}.MuiSnackbarContent-root{background:linear-gradient(90deg,#1976d2 60%,#42a5f5);color:#fff;border-radius:12px;box-shadow:0 4px 24px #1976d226;font-size:1.1rem;font-weight:500;letter-spacing:.5px;animation:snackbar-pop .5s cubic-bezier(.68,-.55,.27,1.55)}@keyframes snackbar-pop{0%{transform:scale(.8) translateY(40px);opacity:0}80%{transform:scale(1.05) translateY(-8px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.randomimg{display:none}.signin-form,.signup-form{padding:18px 8px 12px;max-width:98vw}}.meetVideocontainer{height:100vh;width:100vw;background:#030855}.singleUser{height:80%;width:75%;border:2px white solid;margin-left:130px;margin-top:0;border-radius:20px}.singleUser>video{height:100%;width:100%;object-fit:cover;border-radius:20px}.blackVideo{height:100%;width:100%;background-color:#000;border-radius:20px}.doubleUser{height:150px;width:280px;object-fit:cover;position:absolute;top:520px;left:60px;border-radius:20px}.multipleUser{height:80%;width:75%;border:2px white solid;margin-left:130px;margin-top:20px;border-radius:20px;display:flex;gap:20px;flex-wrap:wrap}.multipleUser video{height:250px;width:350px;object-fit:cover;border-radius:20px}.scrollable{overflow-y:auto;max-height:100vh}.buttonsContainer{margin-top:20px;width:400px;height:70px;position:absolute;left:500px;border-radius:20px;text-align:center}.buttonsContainer svg{font-size:45px}.prereviewVideo{width:50vw;border-radius:30px;height:67vh}.previewVideoframe{width:100%;height:100%;object-fit:cover;border-radius:30px}.prereviewContainer{display:flex;gap:20px;padding-top:60px;padding-left:50px}.userInput{margin-top:250px}.userInput Button{height:55px;margin-left:5px;font-weight:600}.lobbytext{text-align:center;font-size:50px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;padding-top:20px}.chattingRoom{color:#170303;height:90vh;background-color:#fff;width:23%;position:absolute;right:0;border-radius:15px;margin-right:12px;padding-inline:10px}.chattingContainer{position:relative;height:100%}.chattingArea{position:absolute;bottom:0;margin-bottom:10px}.msgSendBtn{height:55px;margin-left:7px!important}@media (max-width: 800px){.singleUser{width:90%;margin:10px auto}.multipleUser{flex-direction:column;width:100%;height:auto;margin:0}.doubleUser{height:150px;width:280px;left:80px;top:490px}.buttonsContainer{left:-10px;width:380px}.scrollable{overflow-x:auto;max-width:100vh}.prereviewContainer{flex-direction:column;padding:0}.prereviewVideo{width:95vw;padding-left:10px;height:70vh}.userInput{margin:0;display:flex;justify-content:center;align-items:center}.lobbytext{font-size:40px}.chattingRoom{width:100%;position:absolute;top:0;margin:0;z-index:1000}}.meetingContainer{display:flex}.leftPanel>h2{font-size:x-large;font-weight:600}.leftPanel{padding-top:220px;padding-left:100px}.meetingInput{padding:20px 20px 20px 100px}@media (max-width: 768px){.meetingContainer{flex-direction:column}.leftPanel{padding:0}.rightPanel{height:65vh;width:100vw}.responsive-img{width:100%;height:100%;object-fit:contain;display:block}.meetingContainer>div>div{padding-inline:50px;padding-top:28px}.meetingContainer>div>div>h2{font-weight:600;text-align:center;font-size:xx-large}.meetingInput{padding:0}.totalMessageInput{display:flex;justify-content:center;align-items:center}}