*{margin:0;padding:0;outline:none;list-style:none;box-sizing:border-box}html,body{background-color:#e0e2df;min-height:100vh;max-height:100vh;overflow:hidden}.content{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.curtain-top{width:100%;height:10px;background-image:linear-gradient(#ea9ab9 30%, #8f0024);position:absolute;top:0;transition:all .5s}.canvas{display:block;height:100vh !important;position:absolute;top:0}#canvasLeft{left:0}#canvasRight{right:0}.video-container{position:relative}.video{width:100%;height:100vh;position:absolute;z-index:2}.videos-container-inner{position:relative;height:100vh;width:100vw}.videos-container.horizontal .video{display:block;height:100vh;width:auto;position:absolute;left:50%;transform:translateX(-50%)}.videos-container.vertical .video{height:unset !important;width:100vw;bottom:0;left:0}.videos-container.vertical{width:100vw;position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:flex-end}.videos-container.horizontal .curtain-top{display:none}#video1{transition:all .5s}#video2{opacity:0}@media(min-width: 700px)and (max-width: 1025px)and (min-height: 700px){.video{top:50%;transform:translateY(-60%)}}