.topbar,canvas{position:absolute;top:0;left:0}body{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:poppins}body .btn,body.cloak>*{display:none}body.cloak .btn{display:inline-block}#happyWrapper,#sadWrapper{background-color:#44162d;height:25px;width:720px;margin-bottom:20px;border-radius:15px;position:relative;overflow:hidden}#happyWrapper>span,#sadWrapper>span{position:absolute;top:0;left:50%;color:#0ff;transform:translateX(-50%)}#happy,#sad{background-color:#c48;height:100%;width:0}#videoWrapper{position:relative}.topbar{width:100%;height:50px;text-align:center;display:flex!important;justify-content:center;align-items:center;background-color:#7c2ba5;color:#d7bae5;font-size:large;box-shadow:2px 2px 10px #ccc}