.footer-container{display:flex;flex-direction:column;margin-bottom:60px}.footer-left{position:relative;color:#fff;flex-grow:1;pointer-events:none;display:flex;margin-left:5px;z-index:1}.text{width:100%}.text h3{font-size:18px;font-weight:700;margin-bottom:5px}.text p{font-size:14px;font-weight:500}.text span{font-size:12px;font-weight:400;color:#fff}.footer-right{z-index:100;color:#fff;margin-right:5px;margin-bottom:25px}.sidebar-icon{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;margin-top:5px}.sidebar-icon .userprofile{border-radius:50%;border:2px solid #fff;margin-bottom:25px}.sidebar-icon .useradd,.sidebar-icon .userprofile{background-color:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.sidebar-icon .useradd{border-radius:50%;margin-top:-30px;margin-bottom:15px}.sidebar-icon p{font-size:14px;font-weight:500;margin-top:5px}.record{animation:spinTheRecord 5s linear infinite;filter:invert(1)}.record img{width:35px;height:35px;padding:5px;border-radius:50px;background-color:#b3afaf}@keyframes spinTheRecord{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video{position:relative;width:100%;height:100%;text-shadow:0 0 4px rgba(0,0,0,.5);scroll-snap-align:start}.video:before{content:"";display:block;box-shadow:inset 0 -33px 48px rgba(0,0,0,.5);pointer-events:none;z-index:99;background:transparent}.player,.video:before{width:100%;height:100%;top:0;left:0;position:absolute}.player{object-fit:contain;padding-top:50px}.bottom-controls{display:flex;align-items:flex-start;padding-top:50px;height:100%}.play-button{border-radius:90px;border:12px solid #fff;height:100px;width:100px;right:0;cursor:pointer}.play-button,.play-button:before{position:absolute;margin:auto;top:0;bottom:0;left:0}.play-button:before{content:"";display:block;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:25px 0 25px 50px;right:-10px}html{scroll-snap-type:y mandatory;font-family:Montserrat,sans-serif}.app,html{background-color:#000}.app{height:100vh;display:grid;place-items:center}@supports (height:100dvh){.app{height:100dvh}}.container{position:relative;height:100%;width:100%;overflow:scroll;scroll-snap-type:y mandatory;scroll-snap-stop:always;-ms-overflow-style:none;scrollbar-width:none}.top-navbar{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:50px;display:flex;justify-content:space-around;align-items:center;z-index:1}.top-navbar h2{font-size:14px;font-weight:500;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);padding:0 40px}.top-navbar h2 span{font-weight:700;position:relative}.top-navbar h2 span:after{content:"";position:absolute;left:0;bottom:-2px;width:50%;height:1px;background-color:#fff;transform:translateX(50%)}.top-navbar .icon{font-size:16px;color:#fff;cursor:pointer}