.landing-page{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-around}.navbar{top:0;left:0;height:50px;position:absolute;width:95%;display:flex;justify-content:space-between;color:#fff;padding:10px 20px 20px;flex-wrap:wrap}.actions{width:300px;display:flex;justify-content:space-around;align-items:center}.actions div{display:flex;justify-content:center;align-items:center}.main-background{position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%}.main-body{display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;background-color:#cec5d5c1;border-radius:20px;padding:20px;margin:1px auto;height:400px;width:700px;font-size:50px;font-weight:500;font-family:Roboto;letter-spacing:3px;text-align:center;color:#000}@media screen and (max-width: 768px){.main-header{width:100%;text-align:center}.navbar{position:absolute;text-align:center;width:100%}.actions{width:100%;background-color:green}.main-body{margin:40px auto;height:300px;width:200px}}@media screen and (max-width: 480px){.main-header{font-size:30px}.main-body{margin:20px auto;height:200px;width:150px}}.auth-body{height:400px;width:400px;margin:80px auto;border-radius:10%;padding:3px}.auth-field{height:40px;width:200px;border:none}.register{background-color:#f6faf6;height:400px;width:400px;border-radius:10%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.register-form{display:flex;flex-direction:column;align-items:center;height:340px;width:270px;justify-content:space-evenly;margin-top:2px}@media (max-width: 768px){.auth-body{margin-top:200px}}.meetVideoContainer{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;background:#000}.contain{width:100vw;height:300px;display:flex;justify-content:center;align-items:center;margin-right:2px;background-color:#0f0f0f;height:100%;border-radius:20px}.meetUserVideo{height:85vh;margin-bottom:10px;width:auto}@media (max-width: 768px){.meetUserVideo{height:80vh;width:100vw}}.buttonContainers{position:absolute;width:100vw;bottom:0;text-align:center;background-color:#38383a}.buttonContainers svg{font-size:2rem;margin-left:8px;border-radius:50%}.grid-users-video{display:grid;gap:10px;overflow-y:auto;padding:10px;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:100vh}.video-container{display:flex;justify-content:center;align-items:center;background-color:#1d1d1dd7;border-radius:10px;height:100%;width:100%;overflow:hidden}.grid-users-video video{max-width:100%;max-height:100%;object-fit:contain}.users-video{background-color:#141414;padding:20px;width:270px;border-radius:20px;display:flex;align-items:center;flex-direction:column;overflow:scroll;scrollbar-width:thin}.users-video video{width:200px;height:200px;border-radius:10px;object-fit:contain}.conferenceView{height:100vh;width:100vw;display:flex;flex-direction:row-reverse}@media screen and (max-width: 1266px){.conferenceView{flex-direction:column}.grid-users-video video{height:auto;padding-bottom:60px;gap:2px}.buttonContainers svg{font-size:2rem;margin-left:3px}.users-video{flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100vw;display:flex;align-items:center;white-space:nowrap;padding:10px}.users-video video{margin-right:10px;margin-top:25px;margin-bottom:0}}.chatRoom{position:absolute;height:70vh;bottom:10vh;right:0;background:#fff;border-radius:10px;width:25vw;padding-inline:20px}.chatContainer{position:relative;height:100%}.chattingArea{position:absolute;bottom:0}.main-header{font-size:40px;color:#5c107d;font-weight:900;width:230px;height:70px;display:flex;align-items:center;justify-content:space-between}.navBar{display:flex;align-items:center;justify-content:space-between;padding-inline:20px;text-align:center}.leftPanel{height:100%;display:flex;align-items:center}.rightPanel{display:flex;align-items:center}.rightPanel>img{width:30vw;height:auto;border-radius:20px}.meetContainer{display:flex;flex-direction:row;height:100vh}.leftPanel{background:#fff}.rightPanel{background:#f3f0fa}