html,body,p,div,img,input,video{margin:0;padding:0}html,body,#canvasContainer,.videoContainer{width:100%;height:100%}html,body{overflow:hidden;-ms-overflow:hidden;background-color:#000}#canvasContainer,.videoContainer{display:flex;flex-direction:row;justify-content:center;align-items:center}canvas{height:auto;width:100%;display:block;position:absolute;z-index:998}canvas{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);background:rgba(255,255,255,0)}video{position:absolute;height:auto;width:100%;z-index:initial}#loader{position:absolute;width:26px;margin-left:-13px;left:50%;top:50%;visibility:hidden}@media screen and (max-aspect-ratio:9/16){canvas,video{height:100%;width:auto}}.btn-bgm{position:absolute;z-index:9999;top:3vw;left:3vw}.btn-bgm img{width:10vw;height:10vw}.btn-menu{position:absolute;z-index:9999;top:4vw;right:3vw}.btn-menu img{width:8vw;height:auto;visibility:hidden}.tweenIn{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;opacity:0}.btn-open{visibility:hidden;position:absolute;z-index:10001;margin-top:-6vh;top:50%;left:10%;width:80%;height:10vh;text-align:center;padding-top:12vh}.btn-open img{width:auto;height:15vw;-webkit-animation:animate 1.5s infinite;animation:animate 1.5s infinite;opacity:.2}@-webkit-keyframes animate{0{opacity:.2}50%{opacity:1}100%{opacity:.2}}@keyframes animate{0{opacity:.2}50%{opacity:1}100%{opacity:.2}}