*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-tap-highlight-color:transparent;background:#fff;width:100%;height:100%;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}.page1-container{width:100vw;height:100dvh;position:relative;overflow:hidden}.page1-bg{object-fit:fill;width:100%;height:100%;position:absolute;top:0;left:0}.page1-title{width:80vw;position:absolute;top:25vw;left:50%;transform:translate(-50%)}.page1-play{z-index:1;width:45vw;position:absolute;bottom:30vw;left:50%;transform:translate(-50%)}.page1-camera{width:50vw;position:absolute;bottom:2vw;right:2vw}.page2-container{width:100vw;height:100dvh;position:relative;overflow:hidden}.page2-bg{object-fit:fill;width:100%;height:100%;position:absolute;top:0;left:0}.page2-title{width:58vw;position:absolute;top:25vw;left:50%;transform:translate(-50%)}.page2-english{z-index:3;width:85vw;position:absolute;top:72vw;left:50%;transform:translate(-50%)}.page2-hindi{z-index:4;width:85vw;position:absolute;top:95vw;left:50%;transform:translate(-50%)}.page2-lang-row{z-index:2;align-items:center;width:85vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.page2-english-row{top:72vw}.page2-hindi-row{transition:top .4s;top:95vw}.page2-hindi-row-shifted{top:120vw}.page2-lang-img{flex:1;width:0;height:auto}.page2-play-btn{cursor:pointer;width:13vw;height:13vw;position:absolute;top:2vw;right:5vw}@keyframes playerFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.page2-player-animate{animation:.4s forwards playerFadeIn}.page2-audio-player{z-index:4;flex-direction:column;align-items:center;width:85vw;display:flex;position:absolute;left:50%;transform:translate(-50%)}.page2-audio-english{top:88vw}.page2-audio-hindi{top:111vw}.audio-time-row{justify-content:space-between;width:95%;margin-right:1vw;padding:0 2vw;display:flex}.audio-time{color:#333;font-family:Arial,sans-serif;font-size:3vw}.audio-seekbar{cursor:pointer;touch-action:none;align-items:center;width:90%;height:6vw;display:flex;position:relative}.audio-seekbar-track{background:#ccc;border-radius:1vw;width:98%;height:.5vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-seekbar-fill{background:#333;border-radius:1vw;height:.5vw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-seekbar-dot{pointer-events:none;width:3vw;height:3vw;position:absolute;top:50%;transform:translate(-50%,-50%)}.audio-play-pause{cursor:pointer;width:6vw;height:6vw;margin-top:1vw;transition:transform .3s}.audio-play-pause:active{transform:scale(.9)}.page2-camera{width:50vw;position:absolute;bottom:2vw;right:2vw}